Free
4.6
Beginner
8h
Updated 3 months ago
Building a Jamstack Application with Next.js and Strapi CMS
Build performance-efficient web apps with Next.js and Strapi. Learn static site creation, user authentication, and headless CMS integration in a modern Jamstack architecture.
Jamstack proposes an architecture for creating flexible, secure, and performance-efficient web applications. This course follows a tutorial-based approach, through which you will learn how to build a complete Jamstack application with Next.js and Strapi.
This course will introduce you to Jamstack and how it differs from standard web applications. you will then learn about Next.js and how to create static websites. Along the way, you will create a Recipes application with a list of recipes available through TheMealDB API. You will also integrate Strapi as a headless CMS, enabling you to authenticate users and allow them to save their favorite recipes. You will conclude the course by working on a project where you will be using Strapi and Next.js to authenticate users and allow them to create, retrieve, update, and delete notes for themselves.
By the end of this course, you will have a thorough command of Strapi and Next.js to create flexible, secure, and performance-efficient web applications.
Jamstack proposes an architecture for creating flexible, secure, and performance-efficient web applications. This course follows...Show More
WHAT YOU'LL LEARN
A thorough understanding of the core concepts related to Next.js
Familiarity with Static Site Generation with Next.js
Hands-on experience building a Jamstack application with Next.js and Strapi CMS
Familiarity with core components of Strapi including Content Manager, Content-Type Builder, and Strapi API endpoints
Hands-on experience building a Notes application project using Strapi and Next.js
A thorough understanding of the core concepts related to Next.js
Show more
Content
1.
Introduction
2 Lessons
Get familiar with Jamstack architecture, Next.js static sites, and Strapi CMS usage.
2.
Getting Started with Jamstack
5 Lessons
Look at Jamstack architecture, static site generation, JavaScript with APIs, and headless CMS.
3.
Basics of Next.js
7 Lessons
Explore the essentials of building with Next.js, from routing and dynamic routing to asset management.
4.
Static Site Generation with Next.js
8 Lessons
Grasp the fundamentals of static site generation with Next.js, including pre-rendering and dynamic routes.
5.
Using Strapi as a Headless CMS
6 Lessons
Solve problems in setting up and managing content with Strapi CMS for Next.js apps.
6.
Building the Complete Application
3 Lessons
Follow the process of integrating a Next.js frontend with a Strapi backend for a meal management app.
7.
Conclusion
2 Lessons
Approach building a Jamstack application with Next.js and Strapi CMS while managing content.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Developed by MAANG Engineers
Trusted by 2.8 million developers working at companies
"These are high-quality courses. Trust me the price is worth it for the content quality. Educative came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"
Anthony Walker
@_webarchitect_
"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"
Evan Dunbar
ML Engineer
"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."
Software Developer
Carlos Matias La Borde
"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"
Souvik Kundu
Front-end Developer
"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."
Vinay Krishnaiah
Software Developer
Hands-on Learning Powered by AI
See how Educative uses AI to make your learning more immersive than ever before.
AI Prompt
Code Feedback
Explain with AI
AI Code Mentor
Free Resources
