Pages and Routing in Next.js – A Complete Guide

◀ Setting up Next.js with create-next-app – Step by Step File-based Routing in Next.js – How it Works ▶

Course Content

1

What is Next.js? – Beginner’s Guide to Next.js Framework

2

Key Features of Next.js – A Complete Overview

3

Benefits of Using Next.js for React Development

4

Setting up Next.js with create-next-app – Step by Step

5

Pages and Routing in Next.js – A Complete Guide

6

File-based Routing in Next.js – How it Works

7

Dynamic Routing in Next.js – Create Flexible Routes

8

Linking Between Pages in Next.js – Using the Link Component

9

Pre-rendering in Next.js – Server-side and Static Rendering Explained

10

Static Site Generation (SSG) in Next.js – Complete Guide

11

Server-Side Rendering (SSR) vs Static Generation (SSG) in Next.js

12

Static Generation with getStaticProps in Next.js

13

Dynamic Routes in Next.js with getStaticPaths and getStaticProps

14

Incremental Static Regeneration (ISR) in Next.js

15

Fetching Data with getServerSideProps in Next.js

16

Using SSR for Dynamic Data Fetching in Next.js

17

Advantages of SSR in Next.js for SEO and Performance

18

Styling Options in Next.js – Complete Guide

19

Using CSS Modules & Global Styles in Next.js

20

Using Styled Components in Next.js

21

Using Sass & SCSS in Next.js – A Complete Guide

22

Using Tailwind CSS in Next.js – Quick and Responsive Styling

23

Managing Global and Component Styling in Next.js