Learn Next.js By Building A Developer Blog/Portfolio - Next.js Crash Course

Опубликовано: 16 Март 2025
на канале: Benjamin Carlson

4,259

119

Learn Next.js by creating a developer blog in this ⚡ fast paced ⚡ crash course. We cover everything from seo, deploying, api routes, swr, next-mdx-remote and even add a css framework - Chakra UI. If you are looking for the basics, don't worry. We start by covering the basics and you learn Next.js by building a fully fledged developer portfolio and blog!

Read this on coffeeclass.io: https://coffeeclass.io/tutorials/next...
Watch this video without the background music:    • Next.js Crash Course - Build A Develo...

GitHub Repo: https://github.com/bjcarlson42/nextjs...
Deployed Project: https://nextjs-developer-portfolio-le...
Next.js Docs: https://nextjs.org/docs/getting-started
Chakra-UI Website: https://chakra-ui.com/
next-seo: https://github.com/garmeeh/next-seo
next-seo-remote: https://github.com/hashicorp/next-mdx...
swr: https://swr.vercel.app/

This video is part of the Crash Course series which consists of high intensity ⚡ crash course videos on a specific computer science or programming topic. Watch more here:    • Crash Course 🔥 🚀

0:00 Jamstack Introduction
0:35 Project Intro
0:52 Starter Files Overview
4:06 Creating The Page Container
5:57 API Routes (GitHub Repos API + swr)
7:46 Creating A Blog (next-mdx-remote)
9:44 Dynamic Blog Slug (Individual Blog Post)
11:26 Adding SEO using next-seo
14:08 Deploy To Vercel
14:59 Conclusion + Additional Resources

coffeeclass.io
☕ Want to learn to code for free? Check out https://coffeeclass.io?utm_source=youtube&utm_campaign=yt for programming tutorials and snippets. Sharpen your skills with Coffeeclass Learn! Read the article version of my YouTube videos!

My Coding Gear:
⌨️ Keyboard - Apple Magic Keyboard - https://amzn.to/3g8A8QI
💻 Laptop - Apple MacBook Pro (2018 / 15 inch) - https://amzn.to/3wddJHL
🖥️ Monitor - Samsung CF390 Series - https://amzn.to/3pDc9fO

My Camera Gear:
📹 Camera - Canon EOS M50 - https://amzn.to/3ixAZfq
🔭 Awesome Camera Lens - Sigma (16mm / f1.4) - https://amzn.to/3pH1K2B
🎤 Microphone - Blue Yeti - https://amzn.to/2TdXLyq
💡 Lights - Neewer LED Lights - https://amzn.to/3gbm6ht

My Favorite Software:
📽️ Final Cut Pro - https://www.apple.com/final-cut-pro/
❗ Student Discount For FCP - https://www.apple.com/us-hed/shop/pro...
🚀 VSCode - https://code.visualstudio.com/

View All My Gear - https://benjamincarlson.io/gear

Support Me:
👨🏼‍💼 Join this channel to get access to perks -    / @benjamincarlson
💸 Sponsor me on GitHub - https://github.com/sponsors/bjcarlson42

Who Am I?
I’m Benjamin Carlson, a developer, student, and YouTube creator living in CT, USA. I make videos on programming, computer science, and productivity. I also started a programming tutorial website called Coffeeclass (https://coffeeclass.io) that complements this YouTube channel. Finally, I have a newsletter (https://buttondown.email/benjamincarlson) where I send out updates on my recent videos, writing, and anything I’m currently working on or find interesting. You can expect emails every 2 to 3 weeks.

Connect With Me:
📧 Email - [email protected]
🚅 Website - https://benjamincarlson.io
🐦 Twitter -   / bjmncrlsn
🚀 Github: https://github.com/bjcarlson42
💼 LinkedIn -   / bjcarlson42
✍️ Medium -   / benjamincarlson
📓 Newsletter - https://buttondown.email/benjamincarlson

If you need to contact me, the best way is email. I try to respond to everyone but it may take some time!

Disclaimer: Some of the above links are affiliate links. This means I may receive a small commission at no expense to you. This allows me to continue to post videos like this one!

#NextJS