Uploaded November 2025 | Updated September 2026, 2 weeks ago
Building a Blog Website with TanStack Start and Strapi - Landing Page, Blog, pages, auth and paginations.
๐ Project Repo: github.com/PaulBratslavsky/strapi-tanstack-start-starter
๐ Strapi Docs: strapi.link/444tROv
Hey everyone! In this video, I talk about building my first TanStack Start project, which I can use as a starting template to quickly jump up projects for freelancing.
This project focuses on creating a full dynamic landing page with a blog website perfect for informational websites. Includes:
- landing page
- pagination
- search
- auth
- comments
If you want to freelance learn web dev, are considering freelancing, or learn about headless CMS, this video is for you.
TanStack Start is a great alternative to Next.js and you can deploy it anywhere, not just Vercel. And it's seamless integration with tools like Strapi. It makes it easy for users to build dynamic, SEO-friendly websites.
Building a Blog Website with TanStack Start and Strapi - Landing Page, Blog, pages, auth and paginations.
๐ Project Repo: github.com/PaulBratslavsky/strapi-tanstack-start-starter
๐ Strapi Docs: strapi.link/444tROv
Hey everyone! In this video, I talk about building my first TanStack Start project, which I can use as a starting template to quickly jump up projects for freelancing.
This project focuses on creating a full dynamic landing page with a blog website perfect for informational websites. Includes:
- landing page
- pagination
- search
- auth
- comments
If you want to freelance learn web dev, are considering freelancing, or learn about headless CMS, this video is for you.
TanStack Start is a great alternative to Next.js and you can deploy it anywhere, not just Vercel. And it's seamless integration with tools like Strapi. It makes it easy for users to build dynamic, SEO-friendly websites.







![Strapi v5 Crash Course 2025 [ Part 4 learning populate and filtering in Strapi ]
Strapi tutorial part 4, we will learn about Strapis populate and filtering to only get the data we need from our API.
๐ Lesson Notes: https://www.codingafterthirty.com/courses/strapi-5-crash-course-2025/introduction-to-strapi-s-populate-and-filtering
๐ Learn more about Strapi: https://strapi.link/learn-more
Welcome back to Part 4 of our Strapi Crash Course! This tutorial will dive deep into how data population and filtering work in Strapi, ensuring you have the tools to manage your content effectively.
๐ What Youโll Learn:
- Understanding Top-Level Fields: In Strapi, top-level fields like title and description automatically populate, while relational fields require explicit queries.
- Creating Collection Types: Learn how to create new collection types and understand the significance of different field types in your data structure.
- Utilizing Components and Relations: Discover how to properly implement components and relationships to enhance your content architecture.
- Constructing Queries for Data Retrieval: Get hands-on with building queries to fetch nested data using both shorthand and object notation in Strapi.
๐ ๏ธ Key Takeaways:
- Master the basics of data population and filtering in Strapi.
- Gain hands-on experience with Strapis query syntax.
- Optimize your API calls to improve performance and efficiency.
๐ฌ Join the Discussion. Have questions or need clarification? Drop your comments below, and dont forget to subscribe for more Strapi tutorials! Strapi v5 Crash Course 2025 [ Part 4 learning populate and filtering in Strapi ]](https://i.ytimg.com/vi/tAGNDGrVJfk/mqdefault.jpg)
![Building My Project with Next.js and Strapi [ Learning to code by building projects ]
#learntocode2023 #webdevelopment #buildinpublic
Friday Night Hangout 8:00 PM CST. Its Friday night, I am single, so I might as well do some coding. Building a profile page in my LMS project built with Next.js 15 and Strapi 5.
- Watch me try to code
- Ask questions
- Share some thoughts and ideas
Streaming my progress as I learn to code by building apps with Next.js and Strapi. Building My Project with Next.js and Strapi [ Learning to code by building projects ]](https://i.ytimg.com/vi/tMtm1jghGhk/mqdefault.jpg)
![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 todays video, I wanted to share a project Ive 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.
Ill 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
Ill 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, its 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 Building a Dynamic Blog Website with Next.js and Strapi | Starter Project Walkthrough](https://i.ytimg.com/vi/tRF_kjt0e4w/mqdefault.jpg)
