Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Full Stack Next.js And Strapi
Rating: 4.5 out of 5(16 ratings)
83 students

Full Stack Next.js And Strapi

Build And Deploy A Website With Next.js And Strapi
Created byTravis Luong
Last updated 4/2024
English

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

Course content

12 sections • 48 lectures • 3h 23m total length

  • Demo3:21

    Learn how a Next.js and Strapi app powers a home page with dynamic content, filtering, sorting, and pagination for flying machines, plus Zod validations and Strapi admin features.

  • Introduction7:12
  • Resources0:46

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

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 NextJS and Strapi together

Report abuse