Next.js Crash Course for Beginners - Learn NextJS from Scratch

Next.js Crash Course for Beginners - Learn NextJS from Scratch

Academind via YouTube Direct link

Preparing Our Project Pages

14 of 34

14 of 34

Preparing Our Project Pages

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Next.js Crash Course for Beginners - Learn NextJS from Scratch

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

  1. 1 Welcome
  2. 2 What is NextJS?
  3. 3 Key Feature: Server-side Pre- Rendering of Pages
  4. 4 Key Feature: File-based Routing
  5. 5 Key Feature: Build Fullstack Apps With Ease
  6. 6 Creating a NextJS Project & IDE Setup
  7. 7 Analyzing the Created Project
  8. 8 Adding First Pages To The Project
  9. 9 Adding Nested Pages / Paths
  10. 10 Creating Dynamic Pages
  11. 11 Extracting Dynamic Route Data
  12. 12 Linking Between Pages
  13. 13 Onwards To A Bigger Project!
  14. 14 Preparing Our Project Pages
  15. 15 Rendering A List Of Dummy Meetups
  16. 16 Adding A Form For Adding Meetups
  17. 17 The "_app.js" File & Wrapper Components
  18. 18 Programmatic Navigation
  19. 19 Adding Custom Components & Styling With CSS
  20. 20 How NextJS Page Pre-Rendering Actually Works
  21. 21 getStaticProps
  22. 22 More Static Site Generation SSG With getStaticProps
  23. 23 Exploring getServerSideProps
  24. 24 Working With Dynamic Path Params In getStaticProps
  25. 25 Dynamic Pages & getStaticProps & getStaticPaths
  26. 26 Introducing API Routes
  27. 27 Connecting & Querying a MongoDB Database
  28. 28 Sending HTTP Requests To API Routes
  29. 29 Pre-Rendering
  30. 30 Getting Meetup Detail Data & Paths
  31. 31 Adding "head" Metadata To Pages
  32. 32 Deploying NextJS Projects
  33. 33 Working With Fallback Pages & Re-Deploying
  34. 34 Summary

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.