Connecting Your Next App to Strapi with GraphQL
📢 Important Notice: This video uses Strapi v3, the older version of Strapi. We want to ensure you know that Strapi 4 is the latest version with new features, improvements, security patches, and updates.
Please refer to the resources listed below.
Strapi v4 playlist: • Strapi v4
Strapi 4 docs: https://docs.strapi.io/dev-docs/intro
In this video we look at how to connect your Next.js Application to your Strapi backend with GraphQL
Timestamps:
02:00 - Creating your first Admin User with Strapi
02:29 - Creating a Collection Type in Strapi
03:26 - Installing the Strapi GraphQL Plugin
03:56 - Setting User Permissions for our Collection Type
04:07 - Using the GraphQL Playground
04:43 - Installing GraphQL Dependencies in our Next Client
05:44 - Initializing our getStaticProps function
06:20 - Initializing Apollo Client in our Next Client
07:00 - Adding a query to our Next client
08:15 - Rendering Strapi data in the Next client
Get started with Strapi and Next: https://strapi.io/starters
Next and Strapi: https://strapi.io/integrations/nextjs...
Try live demo: https://strapi.io/demo
Strapi Blog: https://strapi.io/blog
Learn More about Strapi: https://academy.strapi.io/
Find help in our Forum: https://forum.strapi.io/
Register for Strapi Conf: https://www.strapi.io/strapi-conf-2021