Learn to Code Roadmap 🔥 http://smoljames.com/roadmap
In this video we look at the difference between client and server rendered components in Next.JS 14 by adding a search filter to a server rendered statically generated blog site.
#nextjs #coding #programming
🔗 Resources
GitHub Repo - https://github.com/jamezmca/static-recipe-blog
Static Blog Tutorial - https://youtu.be/QIIc5EYSZpw?si=gmgLshyG47eOr_k3
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
- Client vs Server Rendered Components
