GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → bjcarlson42 → benjamincarlson.io

bjcarlson42 / benjamincarlson.io

Licence: MIT License
My personal website built with Next.js, Chakra UI, Firebase, and next-mdx-remeote.

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactgithub-apifirebaseprismreactjsgoogle-analyticsnextjspersonal-websiteyoutube-apipersonal-blogfirebase-realtime-databasemdxstrava-apiswrframer-motionchakra-uibuttondownvercelmdx-remotegiscus

Projects that are alternatives of or similar to benjamincarlson.io

personal-website-nextjs-chakra
A series I am making on YouTube where I build a personal website using next.js and chakra-ui. It includes a variety of other features such as mdx-remote blog pages, view counts with Google Firebase database and many more features.
Stars: ✭ 60 (-41.18%)
Mutual labels:  personal-website, mdx, chakra-ui, vercel
myPortfolio
This is a portfolio application built by using Next.js, ChakraUi, Typescript and Dev.to api.
Stars: ✭ 127 (+24.51%)
Mutual labels:  github-api, personal-website, mdx, chakra-ui
Personal-Site-Gourav.io
My personal site & blog made with NextJS, Typescript, MDX, Tailwind CSS. Deployed on Vercel : https://gourav.io
Stars: ✭ 64 (-37.25%)
Mutual labels:  personal-website, mdx, vercel, giscus
phuctm97.com
🏚 Home on the Web
Stars: ✭ 41 (-59.8%)
Mutual labels:  personal-website, personal-blog, vercel
Portfolio
A Next.js & Material UI portfolio that stylizes markdown files from the GitHub API and Contentful CMS.
Stars: ✭ 18 (-82.35%)
Mutual labels:  github-api, personal-website, vercel
website
Personal website and blog built with Next.js, Preact, MDX, Tailwind CSS and hosted on Vercel.
Stars: ✭ 17 (-83.33%)
Mutual labels:  prism, mdx, vercel
thvu-blog
My digital home on the internet.
Stars: ✭ 51 (-50%)
Mutual labels:  google-analytics, mdx, vercel
website
My personal website.
Stars: ✭ 29 (-71.57%)
Mutual labels:  personal-website, mdx, vercel
rizkicitra
My Personal Website, build with Next.js and Tailwind CSS
Stars: ✭ 82 (-19.61%)
Mutual labels:  personal-website, personal-blog, giscus
octoclairvoyant-webapp
Compare GitHub changelogs across multiple releases in a single view.
Stars: ✭ 45 (-55.88%)
Mutual labels:  github-api, chakra-ui, vercel
youtube-json-server
Your personal Youtube API server to get Youtube API responses without needing credentials.
Stars: ✭ 32 (-68.63%)
Mutual labels:  youtube-api, vercel
portfolio
My personal portfolio to show my skills, experience, and articles I published.
Stars: ✭ 81 (-20.59%)
Mutual labels:  framer-motion, chakra-ui
healeycodes.com
🏡 Personal blog/website running Next.js.
Stars: ✭ 44 (-56.86%)
Mutual labels:  personal-website, vercel
sutanlab.id
☕️ My Personal Homepage & Blog site with NextJS. 🇺🇸 🇮🇩
Stars: ✭ 39 (-61.76%)
Mutual labels:  personal-website, personal-blog
personal-page
Personal Page is a project that contains a person's personal information and resume.
Stars: ✭ 20 (-80.39%)
Mutual labels:  personal-website, personal-blog
personal-website
Personal website – made with Next.js, Preact, MDX, RMWC, & Vercel
Stars: ✭ 16 (-84.31%)
Mutual labels:  mdx, vercel
ezprofile
🚀 Create an automatic portfolio based on GitHub profile.
Stars: ✭ 344 (+237.25%)
Mutual labels:  github-api, personal-website
personal-website
My personal website, statically generated by Next.js
Stars: ✭ 16 (-84.31%)
Mutual labels:  chakra-ui, vercel
paw
🐾 Source code for floofy.dev and Noel's portfolio, a professional side of myself. This is probably the site you want to see if you're trying to hire me or looking to hire.
Stars: ✭ 16 (-84.31%)
Mutual labels:  personal-website, chakra-ui
geeky-hugo
Geeky is a Personal Hugo blog theme focused on high speed. Geeky is fully responsive, Superfast, and powered by Bootstrap v5.
Stars: ✭ 44 (-56.86%)
Mutual labels:  personal-website, personal-blog
View All Similar Projects ➔

benjamincarlson.io

Overview

My personal portfolio website hosted at https://benjamincarlson.io. My personal website has changed over the years - from a static HTML/CSS/JS site to Wordpress to Jekyll to Gatsby to Django (I made a site with django but never deployed it due to it costing so much!) and finally to Next.js/React. This site has my writing, projects, gear, tutorials, experience, and much more.

Feel free to fork this repo and make it into your own website! Below you will find instructions, features, and the tech stack.

Running Locally

To run locally you must

  1. Clone this repo
git clone https://github.com/bjcarlson42/benjamincarlson.io.git

or

git clone https://github.com/bjcarlson42/benjamincarlson.io.git .
  1. Create a .env file and enter your secret keys (if you skip this step the site will still run but some data won't be fetched)
touch .env

Inside .env:

YOUTUBE_KEY=

GITHUB_KEY=

BUTTONDOWN__KEY=

FIREBASE_CLIENT_EMAIL=
FIREBASE_PROJECT_ID=
FIREBASE_PRIVATE_KEY=

STRAVA_CLIENT_ID=
STRAVA_SECRET=
STRAVA_REFRESH_TOKEN=
  1. Move into the project root and remove git tacking (if you are planning to submit a PR to this repo don't do this step!)
rm -rf .git*
  1. Install dependencies
yarn
  1. Run locally!
yarn dev

Navigate to http://localhost:3000.

Features

  • Light/Dark mode
  • Realtime Statistics via SWR and Nex.js API routes
  • Responsive Design
  • Blog
  • Google Analytics
  • Google AdSense

Tech Stack

Contributing

Contributions are welcome! Feel free to tackle an issue or even implement a new feature. Simply submit a PR and I'll take a look.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].