What you'll learn

Build a complete Full Stack Web App with NextJS and Strapi

Build the Front End Application with NextJS

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 NextJS 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 NextJS caching gotchas

Requirements

Basic web dev and command line knowledge is recommended

Basic javascript and React knowledge is recommended

Basic knowledge of Git and GitHub is recommended

Description

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 layoutsServer components and Client componentsSearch Params and Path ParamsServer actionsCachinguseFormState hookuseSearchParams and usePathname hooksWe will also explore various Strapi features including:Single TypesCollection TypesREST APISwagger DocumentationRelationsData TransferMedia UploadsWe will focus on building practical features commonly found in content-driven marketing websites, such as:List and Detail viewPaginationFilteringSortingContact formBookmarkable URLsData Visualization ChartThis 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.