Next.JS Deliveroo with Strapi and Vercel | Building a website with Strapi 3, Next.js
In this video, let's reproduce a deliveroo restaurant page, getting the data from Strapi.
Medium:
/ membership
/ next-js-deliveroo-with-strapi-and-vercel
We will take a look at how to get the data from Strapi with the graphql plugin. We have access to the graphql playground after installing the plugin. The playground allows us to try the query that we then use on our Next.js application.
Next.js can fetch data in getServerSideProps or getStaticProps depending on what type of data you wish to use. getStaticProps will fetch the data at build time, and it is what we are going to use.
I stop being blurry at 19:51 :)
Chapters:
0:00 Intro
1:34 Create the collection type and components with Strapi
10:40 Add example data - Safe to skip this part
14:22 Setup Next.js typescript project
18:53 Too much talking
19:51 Getting the graphql query needed to fetch the data
22:00 get data in Next.js with getStaticProps
28:56 Deploy to production Strapi
31:05 Vercel and NextJS deployment
38:00 Outro
Follow the channel to get more videos about web development,...