Create your "next" app using Next.js and Strapi
Learn how to create a secure app in the Jamstack
Strapi is an open-source, 100% customizable JavaScript-based headless CMS with a unique community of 150,000 enthusiasts. With Strapi, get your backend ready in less than an hour, and focus on the frontend and user experience of your application, which ultimately matters the most.
Customize your API endpoints and admin panel at any moment, to make it fit any kind of project. Integrate Strapi with your favorite tech stack. Deliver projects in hours, not months.
In this course we take a quick look at Strapi v4 and explore it's capabilities, including content type and content management as well as authentication and security.
In the second part of the course, we build a frontend for our data stored in Strapi using Next.js. The application will allow us to register users, create a custom profile with a cool profile image via Cloudinary as well as have certain features enabled only if a user is logged in.
Last but not least, we also take a look at how to deploy a production instance of Strapi to Heroku, plus we also deploy the Next.js app to Vercel.
By completing this course you will become familiar with Strapi and have a thorough understanding of how to integrate your headless CMS data with Next.js.
Your Instructor
Tamas is a Google Developer Expert in Web Technologies and a Developer Evangelist. He has more than a decade of experience delivering technical training to large, prestigious organisations. Throughout his career, he has delivered presentations and training classes all over the world. His passionate about unlocking the latest & greatest features of web development.
Course Curriculum
-
StartIntroduction to Next.js (7:47)
-
StartSetting up the application shell with Next.js and Tailwind (12:37)
-
StartConsume data from Strapi with Next.js (11:02)
-
StartData pagination (9:43)
-
StartWorking with slugified data (9:16)
-
StartAuthentication with Next.js and Strapi (part 1) (9:40)
-
StartAuthentication with Next.js and Strapi (part 2) (13:04)
-
StartConditional data rendering based on authentication (14:53)
-
StartFormatting data in Next.js from Strapi (6:41)
-
StartRegistering new users (7:19)
-
StartAuthentication with Next.js and Strapi (part 3) (9:21)
-
StartBuilding a profile page (10:18)
-
StartProfile image creation via Cloudinary (22:24)
Frequently Asked Questions
Get started with the Jamstack today! Becoming hands-on with technologies and services being heavily utilised by Jamstack projects will give you first-class experience of the stack. You will gain valuable knowledge and be able to apply your newly gathered skills in different projects.