Build a Modern CMS Driven Web Applications using Strapi and Next.js
Offered By: egghead.io
Course Description
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!
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
Related Courses
Deploying Static Vue Applications: PlaybookPluralsight Full Stack Graph Visualization With GraphQL & Neo4j AuraDB
YouTube Full Stack Web Development in the Cloud Course - Svelte, Postgres, Vercel, Gitpod
freeCodeCamp Static Blog With Next.js and Markdown
Traversy Media via YouTube Build a Blog With Next.js & Ghost
Traversy Media via YouTube