Intro to Next.js

Explanation

A Single Page React based framework that runs on the server. It creates pre-rendered React Websites. It creates this pre-rendered React websites using: Server Side Rendering and Static Site Generation

What is Pages Router?

It manages routes based on the file structure within the pages directory.

A file or directory you put in the pages directory will become a new route for it!

The index.tsx that you see nested under each directory is the component that will be rendered! When the user lands on the page

Examples Routes

http://localhost:3000/client-side-fetching
http://localhost:3000/sample-app/trainers