- Introduction
- JavaScript Basics
- Why use Frontend Frameworks?
- Why use React?
- SPA vs SSR
- React Frameworks
- Next.js
- Remix
- Why Next.js
- Differences
- SSR
- SSG
- CSR
- SPA
-- Getting Started --
- Setting up a Project
- create-next-app
- Hello World App
-- Routing --
- Routing
- File-based Routing
- Types of routers
- Pages
- App Router
- Why use App Router?
- Routing Terminology
- Rendering Pages
- Layouts and Templates
- Loading and Streaming
- Error States
- Routing Patterns
- Parallel Routes
- Intercepting Routes
- API Endpoints
- Static vs Dynamic
- Redirects
- Caching
- Streaming
- Structuring Routes
- Middleware
- Usecases
- Route Matcher
- Using Cookies
- Setting Headers
- Runtimes
- Internationalization
-- Working with Data --
- Fetching Locations
- Client
- Server
- Caching Data
- Memoization in Fetch
- React Cache
- Revalidating Cached Data
- Revalidation Errors
- Data Fetching Patterns
- Parallel vs Sequential
- Preloading Data
- Handling Sensitive Data
- Server Actions
-- Rendering --
- Client Rendered
- Server Rendered
- Composition
-- Runtimes --
- Types of Runtimes
- Node.js
- Edge
- Differences and Usecases
-- Styling --
- Global CSS
- Ways to write CSS
- CSS Modules
- Tailwind CSS
- Sass
- CSS in JS
-- Optimizations --
- Images
- Videos
- Fonts
- Metadata
- Scripts
- Package Bundling
- Lazy Loading
- Analytics
- Instrumentation
- OpenTelemetry
- Static Assets
- Third Party Libraries
- Memory Usage
-- Configuring --
- Setting things Up
- TypeScript
- ESLint
- Prettier
- Environment Variables
- Markdown and MDX
- Custom Server
-- Testing --
- Vitest
- Jest
- Playwright
- Cypress
-- Deployment --
- Preparing for Production
- Deployment Options
- Vercel
- Cloudflare
- Baremetal/VM
I am currently doing the React roadmap, and I really like it, kudos to you for making a such an amazing website. I will start Typescript after that.
When will this Next roadmap be published on the website? any estimates?