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