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

Veröffentlicht am: 12 Juli 2021
auf dem Kanal: Benjamin Carlson
4,319
120

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 Developer B...  

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=you... 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


Auf dieser Seite können Sie das Online-Video Learn Next.js By Building A Developer Blog/Portfolio - Next.js Crash Course mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Benjamin Carlson 12 Juli 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 4,319 Mal angesehen und es wurde von 120 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!