đšī¸ Levels: đ Intermediate, đ Advanced
âŗ Duration: 1 hours
đ¤ Price: Subscription
đ§âđģ Learning Platform: Egghead.io
đ§âđ Certificate: Yes
đ 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?
Next.jsReactTypeScript
Fundamental Next.js API and PatternsVideo
by Lazar Nikolov
đšī¸ Levels: đą Beginner
âŗ Duration: 1.5 hours
đ¤ Price: Subscription
đ§âđģ Learning Platform: Egghead.io
Next.jsTypeScript
The Ultimate Next.js SeriesVideo
by Mosh Hamedani
đšī¸ Levels: đą Beginner, đ Intermediate
âŗ Duration: 12 hours
đ¤ Price: Subscription
ReactNext.js
Using DynamoDB with Next.jsVideo
by Lee Robinson
đšī¸ Levels: đ Intermediate
âŗ Duration: 0.5 hours
đ¤ Price: Free
đ§âđģ Learning Platform: Egghead.io