YoVDO

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

Offered By: egghead.io

Tags

Node.Js Courses Web Development Courses GraphQL Courses Next.js Courses Heroku Courses Content Management Systems Courses Vercel Courses Strapi Courses

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!

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

30 Days to Learn Laravel
Laracasts
3D Graphics for Web Developers
Pompeu Fabra University via FutureLearn
A Beginner’s Guide to Web Development with HTML5
Packt via FutureLearn
Accessibility Audit
Amazon Web Services via AWS Skill Builder
Expanding Your JS Skills with Angular
A Cloud Guru