#2 Next.js - Routing with Pages , Nested and Dynamic Routing part 1

Routing

When a file is added to the pages directory, it's automatically available as a route.

The files inside the pages directory can be used to define most common patterns.

Index routes
The router will automatically route files named index to the root of the directory.

Nested routes
The router supports nested files. If you create a nested folder structure, files will automatically be routed in the same way still.

Dynamic route segments
To match a dynamic segment, you can use the bracket syntax. This allows you to match named parameters.

pages/blog/[slug].js → /blog/:slug (/blog/hello-world)
pages/post/[...all].js → /post/* (/post/2020/id/title)
Check out the Dynamic Routes documentation to learn more about how they work.

Linking between pages

A React component called Link is provided to do this client-side route transition.