đ Key Learning Outcomes
- Building Content Models with Strapi.
- Fetching Data from your Headless CMS.
- Using React Server Components.
- Setting up pagination in Strapi and Next.js.
- Parsing and rendering content in your Next.js application.
- Connecting external services to your Headless CMS.
- Deploying your Next.js and Strapi Applications to a production environment.
đ¨âđĢ About the Course
This course covers building modern CMS-driven web applications using Strapi and Next.js. You will learn how to create content models, fetch data, set up pagination, deploy applications, and more. By the end of the course, you'll be proficient in managing content like a pro.
đ¯ Target Audience
- Ideal for developers looking to enhance their skills in building web applications with CMS integration.
- Suitable for intermediate to advanced learners interested in working with Strapi and Next.js.
â Requirements
- Basic knowledge of React and JavaScript.
- Familiarity with API usage and web development concepts.
đ Course Content
- Creating a New Strapi Project for Development with npx.
- Create a Collection Type for a Post in Strapi.
- Set up API End User Permissions to Make REST Queries in Strapi.
- Install and Query GraphQL API in Strapi.
- Scaffold a Web App with a Next.js 13 Template.
- Create an About Us Page inside the Next.js 13 App Directory.
- Query an Entry from Strapi with Next.js 13 Server Components.
- Create and Edit a List Component to Match Design Guidelines in Next.js 13.
- Set up Dynamic Pages in Next.js 13 App Directory and Query with Page Slug.
- Build a Page Template for a Dynamic Page in Next.js 13.
Drop a comment
Modern CMS Driven Web Applications with Strapi and Next 13 by Daniel Phiri
Log in to leave a feedback
Loginđ Psst! Interested in More Next.js Courses?
Intermediate Next.jsVideo
by Scott Moss
đšī¸ Levels: đ Intermediate
âŗ Duration: 3.5 hours
đ¤ Price: Subscription
đ§âđģ Learning Platform: Frontend Masters



Build a Twitter Clone with the Next.js App Router and SupabaseVideo
by Jon Meyers
đšī¸ Levels: đ Intermediate
âŗ Duration: 1.5 hours
đ¤ Price: Free
đ§âđģ Learning Platform: Egghead.io

Create an eCommerce Store with Next.js and Stripe CheckoutVideo
by Colby Fayock
đšī¸ Levels: đ Intermediate
âŗ Duration: 1.5 hours
đ¤ Price: Subscription
đ§âđģ Learning Platform: Egghead.io