Visit https://nextjs.org/learn to get started with Next.js.
Visit https://nextjs.org/docs to view the full documentation.
Next.js is used by the world's leading companies. Check out the Next.js Showcase to learn more.
- Lesson 1: Building a basic NextJs app using create-next-app
- Lesson 2: Creating static pages
- Lesson 3: Linking pages
- Lesson 4: Working with images
- Lesson 5: Using metadata
- Lesson 6: Layout component and styling (component & app level)
- Lesson 7: Pre-rendering using static generation
- Lesson 8: Server side rendering
- Lesson 9: Client side rendering (SWR)
- Lesson 10: Dynamic routes
- Lesson 11: API routes
- Lesson 12: Incremental Static Regeneration
- Lesson 13: Custom Document
- Tools to verify what Next.js eliminates from the client-side bundle. Tool
- Incremental Static Regeneration - ISR Doc
- Preview mode Doc
- React hook for data fetching - SWR Doc
- Script loading optimization Doc
- Shallow Routing Doc
- Dynamic Import Doc
- URL proxy Doc
- Multiple apps using Monorepo Doc
- Measuring performance Doc
- Setting security headers Doc
- Caching Doc
- Custom webpack config Doc
Demo: https://bootcamp-nextjs.vercel.app/
Reference Project: https://production-grade-nextjs.vercel.app/
Chirag Goel engineerchirag