Making Websites With Next.js And Strapi

In this series we are going to learn how to create a websites using Next.js. The main focus of the series will definitely be Next.js, but we will do some work with Strapi too, which we will use as our API and CMS
Internationalization (i18n)

Internationalization (i18n)

In this episode we are going to take look at new internationalization features of both Strapi and Next.js.

Episode   2219:07
Infinite Scroll

Infinite Scroll

In this tutorial I'm going to show you how to quickly build Infinite Scroll in your Strapi and Next.js application.

Episode   2116:47
Generate Content With Faker

Generate Content With Faker

In this video we are going to generate large amounts of content in seconds using Faker plugin for our Next.js and Strapi app.

Episode   2011:32
User registration

User registration

In this episode we are going to register users from our Next.js frontend to our Strapi backend.

Episode   19
Filters With React Query

Filters With React Query

In this episode we are going to filter the data in our Strapi and Next.js app with React Query.

Episode   1840:40
PropTypes

PropTypes

In this episode we are going to learn how to use PropTypes inside our Next.js and Strapi application.

Episode   1714:04
Image Component And Customizing Strapi Response

Image Component And Customizing Strapi Response

In this episode we are going to take quick a look at new Image component in Next.js 10 and learn how to add additional data to our Strapi response.

Episode   1629:04
Add Data To Strapi From Next.js

Add Data To Strapi From Next.js

In this episode we are going to add some new movies to our site but using the frontend form instead of Strapi administration.

Episode   1513:57
User Authentication

User Authentication

In this episode we are going to create user authentication for our Next.js and Strapi website using JSON Web Tokens or JWT.

Episode   1427:08
Multi language

Multi language

In this episode we are going to make our Next.js and Strapi site be multilingual.

Episode   1334:08
Incremental Static Regeneration

Incremental Static Regeneration

In this episode we are going to talk about new feature in Next.js 9.5 called Incremental Static Regeneration.

Episode   1207:10
getStaticProps

getStaticProps

In this episode I'm going to show you the difference between getServerSideProps and getStaticProps in Next.js

Episode   1109:53
Deploy To Digital Ocean

Deploy To Digital Ocean

In this episode we are going to deploy our Next.js App and Strapi API to Digital Ocean.

Episode   1027:34
Using Context API

Using Context API

In this episode we are going to use React Context API to get the data for our navigation and also to create a simple state management.

Episode   912:28
Next SEO

Next SEO

In this episode you are going to learn how to implement SEO on your Next.js website.

Episode   808:59
Pagination

Pagination

In this episode we are going to learn how to create a pagination for our Nextjs and Strapi website.

Episode   721:19
Dynamic routes

Dynamic routes

In this episode I'm going to show you how to create simple and then more advanced dynamic routes for your Next.js and Strapi application.

Episode   619:50
Static Routes, Nested Routes,  And Navigation

Static Routes, Nested Routes, And Navigation

In this episode we are going to talk about Next.js Routing, Nested Routes, Link component and we are also going to create a dynamic Navigation for our Next site.

Episode   519:34
© Watch And Learn,2024