Best Frontend Courses LogoBest Frontend Courses
    • AI
    • Accessibility
    • Algorithms
    • Angular
    • Architecture
    • Astro
    • Auth
    • CSS
    • Firebase
    • Game Development
    • Gatsby
    • Git
    • GraphQL
    • HTML
    • Ionic
    • JavaScript
    • Jotai
    • MobX
    • Native
    • Netlify
    • Next.js
    • Nx
    • Performance
    • Prisma
    • React
    • React Native
    • Redux
    • Remix
    • Rx.js
    • SCSS/Sass
    • SolidJS
    • Storybook
    • Supabase
    • Svelte
    • Tailwind
    • Testing
    • TypeScript
    • Vue.js
    • XState
    • jQuery
    • p5.js
  • Add Course
  • Login

Copyright Š 2025Best Frontend Courses. All rights reserved.

  • Categories
  • Instructors
  • Terms of Service
  • Privacy Policy
  • Feedback
  1. Home
  2. Next.js
  3. Modern CMS Driven Web Applications with Strapi and Next 13
Next.js / React
Video

Modern CMS Driven Web Applications with Strapi and Next 13

by Daniel Phiri
Enroll
đŸ•šī¸ 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.
Update Course

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.jsNext.jsAIAIPrismaPrisma

Build an AI-Powered Fullstack Next.js App, v3
Video

by Scott Moss

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 7.5 hours

🤑 Price: Subscription

🧑‍đŸ’ģ Learning Platform: Frontend Masters

Next.jsNext.jsPrismaPrisma

Build a Full-Stack App with Prisma
Video

by Xiaoru Li

đŸ•šī¸ Levels: 🌱 Beginner, 😎 Intermediate

âŗ Duration: 0.5 hours

🤑 Price: Free

🧑‍đŸ’ģ Learning Platform: Egghead.io

Next.jsNext.jsStorybookStorybook

Integrate Storybook in a Next.js Application
Video

by Michael Chan

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 0.5 hours

🤑 Price: Free

🧑‍đŸ’ģ Learning Platform: Egghead.io

🔙 Back to Next.js Category