How I Fetch Data In My Next.js Project And Use Revalidate Tag Function
Coding After Thirty
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: https://strp.cc/3yHOhAw My Site: https://www.codingafterthirty.com
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 https://codingafterthirty.com for free courses, including full notes and code snippets! ... https://www.youtube.com/watch?v=8vnGKbCCix8
71402389 Bytes