Build a Static Markdown Blog with Next.js 14🔥

Learn to Code Roadmap 🔥 http://smoljames.com/roadmap

Learn everything you need to know to start programming with React.JS. In this tutorial, we learn React.JS by building a super cool Todo app that demonstrates all the core React.JS concepts. We wrap the video up by deploying the project on Netlify with GitHub at the end!

#nextjs #coding #programming

🔗 Resources

Part 2 - https://youtu.be/80o9bNpima4
GitHub Repo - https://github.com/jamezmca/static-recipe-blog
Init NextJS Project - https://nextjs.org/
VSCode - https://code.visualstudio.com/download

HTML CSS Tutorial - https://www.youtube.com/watch?v=70T2GMDKl6M
JavaScript Tutorial - https://youtu.be/qr6sKTzjlUo
React.JS Tutorial - https://youtu.be/DHWrOpKSZkM

⭐️ All my links!
https://www.smoljames.com

🔥 Learn to Code
https://www.smoljames.com/roadmap

💛 Support the channel (100% goes to channel growth)
https://www.store.smoljames.com

╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗
║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣
╠╗║╚╝║║╠╗║╚╣║║║║║═╣
╚═╩══╩═╩═╩═╩╝╚╩═╩═╝

📚 Chapters
00:00 Intro
01:00 NextJS SSG (static site generation)
02:08 Project demo
02:47 Init NextJS project
04:55 Setup project directory
08:43 Build home page
26:38 SSG blog pages

🔖 Topics Covered
- Learn Next.JS
- Next.JS SSG (static site generation)
- Next.JS Server render
- Build a Next.JS static blog site