With the release of `Next.js` v9+, we've been handed the tools to create full-stack react apps with ease. 

This collection will dive into the bare homes basics of API & Dynamic Routing. 

One of the more powerful features of `Nextjs` is how it handles regular and dynamic routing. In this video we will go through how to setup a single basic and dynamic route within the `pages` directory using `Nextjs`'s file routing and render some content. 

Setup Nextjs Routes

`Nextjs` not only allows us to setup basic and dynamic routes, it also allows us to use a similar pattern for defining API routes. In this video we will setup two API routes, consume the data in our `React` components with `react-query`'s `useQuery` hook.

Utilize API Routes in Nextjs

After setting up some base routes and defining some endpoints, we can use `Nextjs`'s Link component and `useRouter` to link back and forth between your defined routes. We can pass in variables to our dynamic routes and use that to call specific endpoints for our data.

Next.js 9 Routing Quick Start

Instructor

Course Content