Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Build a Modern CMS Driven Web Applications using Strapi and Next.js

via egghead.io

Overview

Developers aren’t the only ones working on sites.
Marketers, copywriters, designers, and other non-coding roles all need to be able to make content changes. If you don't want to be bothered to open a PR every time a typo needs fixed, you need a CMS.
And Strapi is an amazing CMS option.
Strapi helps you quickly build a robust content API. You can host it yourself, it supports both RESTful and GraphQL, handles your authentication, and it’s highly customizable.
You can take those gains even further by adding Next.js to the stack.
Next.js is fast, supports both server and client-side rendering, and features dynamic routes. Once you are generating dynamic pages from your CMS you’ll see just how powerful the combination of Strapi and Next.js is!
In this course you will do the following:
Go from create-next-app to deploying a full-featured blog site
Take full advantage of Strapi’s robust ecosystem by bringing in the GraphQL and Cloudinary plugins
Build dynamic pages backed by a database
Authenticate calls to the Strapi API
Deploy both your API and front-end app
By the end of this course you’ll be building pages and managing your content like a pro!

Syllabus

  • Create a Strapi Project From the Terminal
  • Creating a Collection Type for Posts in Strapi
  • Configuring API End User Permissions in Strapi
  • Querying the Strapi GraphQL API
  • Creating a Next.js project
  • Query an entry from Strapi in Next.js using Apollo, cross-fetch, and GraphQL
  • Create a BlogList component in Next.js
  • Create Next.js dynamic pages
  • Build a Template for Dynamic Pages
  • Install and Use React Markdown in a Next.js Application
  • Installing and Configuring the Strapi Cloudinary Provider
  • Deploy a Strapi Application to Heroku
  • Deploy a Next.js Application to Vercel

Taught by

Daniel Phiri

Reviews

Start your review of Build a Modern CMS Driven Web Applications using Strapi and Next.js

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.