Next.js for Beginners - Full Course

Next.js for Beginners - Full Course

freeCodeCamp.org via freeCodeCamp Direct link

, to get to that Next.js starting point, please do the following:

1 of 15

1 of 15

, to get to that Next.js starting point, please do the following:

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

Next.js for Beginners - Full Course

Automatically move to the next video in the Classroom when playback concludes

  1. 1 , to get to that Next.js starting point, please do the following:
  2. 2 ) Introduction
  3. 3 ) What is Next.js
  4. 4 ) Tools: Node.js, VS Code, and the command line
  5. 5 ) Setting up Next.js
  6. 6 ) Setting the Sanity Studio CMS
  7. 7 ) Connecting Next.js with your content lake
  8. 8 ) Making a simple navigation bar in _app.js
  9. 9 ) Making your first page template in index.js
  10. 10 ) Setting up dynamic routes with [slug].js
  11. 11 ) Diving into data fetching and pre-rendering with getStaticPaths & getStaticProps
  12. 12 ) Create a like button with API routes and serverless functions
  13. 13 ) Adding live real-time preview with Sanity.io's content lake
  14. 14 ) Set up automatic deployment with GitHub and Vercel
  15. 15 ) Summary: What you have learned and next steps

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.