Building a Dynamic Blog Website with Next.js and Strapi | Starter Project Walkthrough

Getting Started With Next.js 15 and Strapi 5 Headless CMS Project Overview [ All Code Included ] Strapi 5 docs: https://strp.cc/3yHOhAw Project Repo: https://github.com/PaulBratslavsky/strapi-5-next-js-starter-project

In today's video, I wanted to share a project I've been working on—a simple blog website with dynamic content powered by Next.js on the front end and Strapi headless CMS on the back end.

I'll walk you through the basic features and how to set up the project locally so you can have all the code and run it on your computer.

Project includes:

• Dynamic landing page
• Header and Footer
• Blog section with pagination and search
• Single post view
• Login and Register page
• Middleware for protecting the routes
• Dashboard placeholder page

Project tech:

• Next.js 15
• Shadcn UI
• Tailwind
• Strapi

I'll also show you step-by-step instructions on how to set up the project on your local machine.

Although this is a starter demo project, it's perfect for jumpstarting your blog website.

Key Topics Summary:

• Simple blog website project with dynamic content
• Next.js front end and Strapi headless CMS back end
• Blog section with posts, search, pagination, and user authentication
• Starter demo project for viewers to build upon
• Local setup process with repository cloning and setup script
• Use of Shadcn UI components and ReWeb page builder
• Strapi admin dashboard and content management
• Custom fetch function for data retrieval ... https://www.youtube.com/watch?v=tRF_kjt0e4w