I am building Next.js 15 E-Commerce Grocery Store Powered By Strapi 5. Here is how I fetch data and use reavalidateTag function.
Learn about Strapi: [ Ссылка ]
My Site: [ Ссылка ]
Today, I want to showcase an e-commerce grocery store built with Next.js 15, styled using Shad CN UI components and powered by my favorite headless CMS, Strapi 5.
I'll show you how I've handled dynamic data in your next.js application based on the changes made by the user in the Strapi Admin when managing content, to dynamically update your frontend.
I will also cover how I use the revalidateTag feature from next.js to keep the app state up-to-date without a state management library.
This project is build with Next js, Shadcn UI, Tailwind and Strapi 5 headless CMS.
We'll explore the details of how Next.js works with Strapi to dynamically fetch and display content.
Topics Covered:
Building an e-commerce grocery store with Next.js and Strapi 5
Managing website date in Strapi 5
Update date with revalidateTag in Next.js
Using React Server Components and Server Actions
Fetching and rendering data dynamically from Strapi
Creating a seamless content management experience
Thanks for watching, and as always, leave questions and comments below; I'd love to hear from you.
Check my website [ Ссылка ] for free courses, including full notes and code snippets!
Ещё видео!