Free tutorial
Next.js
A React framework that adds file-based routing, server rendering, and API routes.
1. Introduction to Next.js
A React framework that adds routing, server rendering, and more — what it adds on top of React that React alone doesn't decide for you.
2. Pages & File-based Routing
A file's location in the app folder decides its URL — no separate routing configuration file to maintain.
3. Server Components vs. Client Components
Deciding what renders on the server vs. what runs in the browser — and the one line that changes it.
4. Data Fetching
Loading data directly inside a Server Component with async/await — no separate data-fetching hook required.
5. API Routes
Writing a backend endpoint inside the same Next.js project — keeping frontend and backend in one codebase.
6. Linking Between Pages
Client-side navigation with the Link component — why it's faster than a plain anchor tag for internal links.