Full Stack Next.js And Strapi

Build And Deploy A Website With Next.js And Strapi

Ratings: 0.00 / 5.00




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

  • REST API

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

What You Will 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

Who Should Attend!

  • This course is for beginner to intermediate web developers
  • This course is for anyone looking for a crash course on using NextJS and Strapi together