Overview:
The “Building Modern CMS Driven Web Applications (v2)” course is designed for individuals who want to learn how to create web applications using a modern CMS-driven approach. This course focuses on adopting a Headless content architecture and utilizing Headless CMSs to power web applications. It covers various topics such as building content models with Strapi, fetching data from a Headless CMS, using React Server Components, setting up pagination, parsing and rendering content, connecting external services, deploying applications, setting up and using Strapi plugins, and transferring data between environments. The course assumes prior knowledge of React, Node, web concepts, Markdown, and CSS.
Features:
- Building Content Models with Strapi
- Fetching Data from your Headless CMS
- Using React Server Components
- Using the Next.js App directory
- Setting up pagination in Strapi and Next.js
- Parsing and rendering content in your Next.js application
- Connecting external services to your Headless CMS (like Cloudinary for Media Management)
- Deploying your Next.js and Strapi Applications to a production environment
- Setting up and using Strapi Plugins
- Transferring data between your Strapi environments
Installation:
To get started with the “Building Modern CMS Driven Web Applications (v2)” course, follow the instructions below:
- Clone the repository.
- Navigate to the “modern-cms-client” folder for your Next.js frontend.
- Install the necessary dependencies by running the command
yarn install. - Start the frontend server by running the command
yarn dev.
For the backend setup:
- Navigate to the “api” folder for your Strapi backend.
- Install the required dependencies by running the command
yarn install. - Start the backend server by running the command
yarn develop.
That’s it! You can now start building modern CMS-driven web applications.
Summary:
The “Building Modern CMS Driven Web Applications (v2)” course is a comprehensive resource for individuals looking to learn how to create web applications using a Headless CMS approach. It covers various important features and concepts such as content modeling, data fetching, React Server Components, pagination, parsing and rendering content, connecting external services, deploying applications, using Strapi plugins, and data transfer between environments. By following the installation guide, users can quickly set up their development environment and start building modern web applications.