Uploaded August 2025 | Updated September 2026, 2 weeks ago
Perfect project for beginners, steal my code. Getting started with React.js and Strapi with React Router 7.
Full Tutorial 👉🏻 strapi.link/react-19-tutorial
Strapi Project Crash Course 👉🏻 youtube.com/watch?v=t1iUuap7vhw
Hey everyone! In this video, I’m excited to share a project I’ve been working on—a simple blog website built using React Router 7 and Strapi, our favorite headless CMS. Here are five key topics I cover:
- Project Overview: I give you a sneak peek into the structure and components of the blog website.
Dynamic Content Management: Learn how Strapi allows non-technical users to manage content easily without needing a developer.
- React Router 7 Integration: I walk you through setting up routes and navigating between pages in the application.
- Custom Error Handling: Discover how I implemented a custom error boundary for a better user experience.
- Setting Up Locally: I’ll guide you through the steps to set up the project on your local machine so you can start experimenting right away!
Perfect project for beginners, steal my code. Getting started with React.js and Strapi with React Router 7.
Full Tutorial 👉🏻 strapi.link/react-19-tutorial
Strapi Project Crash Course 👉🏻 youtube.com/watch?v=t1iUuap7vhw
Hey everyone! In this video, I’m excited to share a project I’ve been working on—a simple blog website built using React Router 7 and Strapi, our favorite headless CMS. Here are five key topics I cover:
- Project Overview: I give you a sneak peek into the structure and components of the blog website.
Dynamic Content Management: Learn how Strapi allows non-technical users to manage content easily without needing a developer.
- React Router 7 Integration: I walk you through setting up routes and navigating between pages in the application.
- Custom Error Handling: Discover how I implemented a custom error boundary for a better user experience.
- Setting Up Locally: I’ll guide you through the steps to set up the project on your local machine so you can start experimenting right away!




![How To Set Up Next Auth 5 in Next.js 15 [ project code included ]
Getting started with NextAuthJS 5 the easy way with Next.js 15
✨ Checkout Template From Magic UI: https://pro.magicui.design/?ref=cat
👉 project repo: https://github.com/PaulBratslavsky/next-15-strapi-5-starter/tree/main/client
😅 my site: https://www.codingafterthirty.com
In this tutorial, I will walk you through how I set up the NextAuthJS package to add authentication to my Next 15 JS application.
Authentication Setup and Configuration
🔐 NextAuth 5 streamlines authentication setup in Next.js 15 projects, with improved documentation and simplified configuration steps.
🛠️ Create an auth.ts file to add desired providers in the providers array, which automatically detects environmental tokens from local and vite config files.
Route Protection and Handling
🛡️ Utilize Next.js middleware to specify protected routes and implement authentication checks, redirecting unauthenticated users to the main page.
🔀 NextAuth 5 offers pre-built route handlers for authentication logic, easily importable and usable in your routes.
Session Management and User Experience
👤 The session provider in NextAuth 5 enables access to session status in React components, allowing for conditional rendering of authenticated content.
🔌 NextAuth 5 provides pre-built handlers for popular authentication providers like GitHub, simplifying integration in Next.js 15 projects.
Hope you enjoyed the tutorial. Thank you for watching. How To Set Up Next Auth 5 in Next.js 15 [ project code included ]](https://i.ytimg.com/vi/xHQQ5I7E_H8/mqdefault.jpg)




![Getting Started with TanStack Start [ how to fetch data in Tanstack Start ]
How to fetch data in TanStack Start using server functions.
👉 Full Project Repo: https://github.com/PaulBratslavsky/strapi-tanstack-start-starter
In this video, we will take a look how to get started with Tanstack Start, if you are a complete beginner or just want to give TanStack a try, this video is for you. Getting Started with TanStack Start [ how to fetch data in Tanstack Start ]](https://i.ytimg.com/vi/xn_GNyZP2Mk/mqdefault.jpg)
