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.jsSupabaseSupabaseTypeScriptTypeScriptTailwindTailwind

Build a Twitter Clone with the Next.js App Router and Supabase
Video

by Jon Meyers

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 1.5 hours

🤑 Price: Free

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

Next.jsNext.js

Learn Next.js
WrittenInteractive

by Jiwon Shin

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 9 hours

🤑 Price: Subscription

🧑‍đŸ’ģ Learning Platform: Codecademy

Next.jsNext.jsTypeScriptTypeScriptPrismaPrismaTailwindTailwind

Next.js Projects: Build an Issue Tracker
Video

by Mosh Hamedani

đŸ•šī¸ Levels: 😎 Intermediate, 🚀 Advanced

âŗ Duration: 7 hours

🤑 Price: Subscription

🔙 Back to Next.js Category