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.