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
Making Websites With Next.js And StrapiSetup And First Steps
In this first episode of "Making Websites With Next.js and Strapi" series we are going to setup Next.js and I'm going to show you what to immediately after install to make your life easier.
Making Websites With Next.js And StrapiCSS in JS
In this video we are going to be talking about CSS in JS, which is a different kind of approach of styling your applications and websites.
Making Websites With Next.js And StrapiFetching The Data
In this episode we are going to learn about getServerSideProps() async function in which we are going to fetch our data, and Server Side Render it.
Making Websites With Next.js And StrapiLayouts With Reflexbox
In this episode we are going to learn how to layout your React components using Reflexbox.
Making Websites With Next.js And StrapiStatic 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.
Making Websites With Next.js And StrapiDynamic 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.
Making Websites With Next.js And StrapiPagination
In this episode we are going to learn how to create a pagination for our Nextjs and Strapi website.
Making Websites With Next.js And StrapiNext SEO
In this episode you are going to learn how to implement SEO on your Next.js website.
Making Websites With Next.js And StrapiUsing 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.
Making Websites With Next.js And StrapiDeploy To Digital Ocean
In this episode we are going to deploy our Next.js App and Strapi API to Digital Ocean.
Making Websites With Next.js And StrapigetStaticProps
In this episode I'm going to show you the difference between getServerSideProps and getStaticProps in Next.js
Making Websites With Next.js And StrapiIncremental Static Regeneration
In this episode we are going to talk about new feature in Next.js 9.5 called Incremental Static Regeneration.
Making Websites With Next.js And StrapiMulti language
In this episode we are going to make our Next.js and Strapi site be multilingual.
Making Websites With Next.js And StrapiUser Authentication
In this episode we are going to create user authentication for our Next.js and Strapi website using JSON Web Tokens or JWT.
Making Websites With Next.js And StrapiAdd 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.
Making Websites With Next.js And StrapiImage 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.
Making Websites With Next.js And StrapiPropTypes
In this episode we are going to learn how to use PropTypes inside our Next.js and Strapi application.
Making Websites With Next.js And StrapiFilters With React Query
In this episode we are going to filter the data in our Strapi and Next.js app with React Query.
Making Websites With Next.js And StrapiUser registration
In this episode we are going to register users from our Next.js frontend to our Strapi backend.
Making Websites With Next.js And StrapiGenerate 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.
Making Websites With Next.js And StrapiInfinite Scroll
In this tutorial I'm going to show you how to quickly build Infinite Scroll in your Strapi and Next.js application.
Making Websites With Next.js And StrapiInternationalization (i18n)
In this episode we are going to take look at new internationalization features of both Strapi and Next.js.