Full Stack Next.js And Strapi

Build And Deploy A Website With Next.js And Strapi

What you'll learn

  • Build a complete Full Stack Web App with Next.js and Strapi
  • Build the Front End Application with Next.js
  • Use Strapi as a Headless Content Management System (CMS)
  • Test the Strapi REST API with Postman VSCode Extension
  • Style the application with TailwindCSS
  • Implement common web dev patterns including filtering, sorting, and pagination
  • Deploy Next.js to Vercel
  • Deploy Strapi to Heroku
  • Use Strapi's data transfer tool to sync development and production data
  • Handle image uploads with Cloudinary
  • Debug deployment gotchas
  • Quick tips on common Next.js caching gotchas

Course Content

11 sections • 47 lectures • 3.4 hours total length

  • Demo
  • Introduction
  • Resources


  • Basic web dev and command line knowledge is recommended
  • Basic JavaScript and React knowledge is recommended
  • Basic knowledge of Git and GitHub is recommended


Hello and welcome to the Full Stack CMS Website With Next.js and Strapi Course.

In this course, we will learn just enough about Next.js and Strapi to build and deploy a website for a fictional flying machine company.

Save time by not having to reinvent the wheel, and use the battle-tested and leading headless CMS solution.

We will explore various Next.js and React features through example-driven learning:

  • Route groups and layouts
  • Server components and Client components
  • Search Params and Path Params
  • Server actions
  • Caching
  • useFormState hook
  • useSearchParams and usePathname hooks

We will also explore various Strapi features including:

  • Single Types
  • Collection Types
  • Swagger Documentation
  • Relations
  • Data Transfer
  • Media Uploads

We will focus on building practical features commonly found in content-driven marketing websites, such as:

  • List and Detail view
  • Pagination
  • Filtering
  • Sorting
  • Contact form
  • Bookmarkable URLs
  • Data Visualization Chart

This course is fast paced and designed to get you up to speed on using Next.js and Strapi together to rapidly build a content-driven website. Familiarity with basic web development and React concepts is highly recommended before taking this course. The intended learner is someone who has some web dev experience and wants to gain additional practice building a standard marketing website using a modern tech stack.

Who this course is for

  • This course is for beginner to intermediate web developers
  • This course is for anyone looking for a crash course on using Next.js and Strapi together
book image

This course includes:

  • 3.4 hours on-demand video
  • Certificate of completion

Upgrade To A Pro Plan

30-Day Money Back Guarantee

Unlimited Access To All Content

Invite To Private Discord Channel

Lifetime Access Or Annual Plan Available


Buy Course

30-Day Money Back Guarantee

Full Lifetime Access