Next.js is a minimalistic framework for server-rendered React applications.

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 fundamentals of API & Dynamic routing, handling data from local json and a DB, plus deployment options. 

This collection will be an ongoing collection, where I continue adding more videos over time 😃

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. 

react

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 Fundamentals

Domitrius Clark

Course Content