Consume data from Strapi with Next.js

Note this course uses Next version 12 you can find an updated Next.js 14 tutorial here Getting Started With Next JS 14 and S...

Creating the UI using Next.js: Consume data from Strapi with Next.js

In this course, we take a quick look at Strapi v4 and explore it's capabilities, including content type and content management as well as authentication and security.

In the second part of the course, we build a frontend for our data stored in Strapi using Next.js. The application will allow us to register users, create a custom profile with a cool profile image via Cloudinary as well as have certain features enabled only if a user is logged in.

Last but not least, we also take a look at how to deploy a production instance of Strapi to Heroku, plus we also deploy the Next.js app to Vercel.

By completing this course you will become familiar with Strapi and have a thorough understanding of how to integrate your headless CMS data with Next.js.

There are two repositories for this course, one is the Strapi CMS's source and the other is the UI, these can be found here:
-Strapi Headless CMS: https://github.com/tpiros/jamstack-tr...
-UI: https://github.com/tpiros/jamstack-tr...

---
Learn more about Strapi and Next.js: https://strapi.io/integrations/nextjs...
Get started with Strapi: https://strapi.io/
Try live demo: https://strapi.io/demo
Strapi Blog: https://strapi.io/blog
Find help in our Forum: https://forum.strapi.io/
We are hiring! https://strapi.io/careers

• #science_technology
• #strapi
• #headless_cms
• #react
• #strapi_blog
• #headless
• #content_management
• #nodejs
• #react_cms
• #vercel
• #nextjs
• #jamstack