Uploaded August 2025 | Updated September 2026, 2 weeks ago
Let's learn Astro.js by building a full blog website with Strapi. In this tutorial, we'll cover fetching data in Astro.js and define our types with TypeScript.
Lesson Resources: 👉 codingafterthirty.com/courses/astro-js-crash-course-2024/04-fetching-data-in-astro-js
Key Takeaways:
- Understanding the basics of fetching data in Astro.js.
- How to integrate and display your Strapi data.
- The importance of TypeScript in a modern web application.
- Practical tips for improving your code structure.
Let's learn Astro.js by building a full blog website with Strapi. In this tutorial, we'll cover fetching data in Astro.js and define our types with TypeScript.
Lesson Resources: 👉 codingafterthirty.com/courses/astro-js-crash-course-2024/04-fetching-data-in-astro-js
Key Takeaways:
- Understanding the basics of fetching data in Astro.js.
- How to integrate and display your Strapi data.
- The importance of TypeScript in a modern web application.
- Practical tips for improving your code structure.
![Strapi v5 Crash Course 2025 [ Part 10 Building dynamic page with dynamic zones ]](https://i.ytimg.com/vi/o9mGBGnvi8A/mqdefault.jpg "Strapi v5 Crash Course 2025 [ Part 10 Building dynamic page with dynamic zones ]
In Strapi tutorial part 10, how to build dynamic pages in Strapi
👉 Lesson Notes: https://www.codingafterthirty.com/courses/strapi-5-crash-course-2025/building-our-landing-page-part-3
👉 Learn more about Strapi: https://strapi.link/learn-more
In this video, we’ll explore how to create dynamic pages in Strapi, giving you the ability to build a robust and flexible website. Say goodbye to static pages and hello to a content management system that empowers your editors!
Understanding Collection Types
We’ll start by explaining the difference between single types and collection types in Strapi. You’ll learn why collection types are crucial for dynamic page creation.
Setting Up Your Pages
Next, I’ll guide you through the setup process for a new page collection type. You’ll see how to include essential fields like title, description, and slug, as well as how to add dynamic blocks for content flexibility.
Testing with Postman
After creating our pages, we’ll jump into Postman to test our API endpoints. You’ll see how to query pages using slugs, ensuring that your dynamic content is accessible and functioning properly.
Keywords and Takeaways
- Dynamic Content Creation: Allows for the easy addition and management of multiple pages.
- User-Friendly for Editors: Non-technical content editors can build and customize pages without needing developer intervention.
- Enhanced Flexibility: The use of blocks allows for a variety of content types on each page.
- Efficient API Management: Testing with Postman ensures that your API is functioning correctly and efficiently.
- Scalability: As your website grows, adding new pages becomes a straightforward process.")
![Building a Blog Website with TanStack Start and Strapi [ full project code included ]](https://i.ytimg.com/vi/pFZi5xA4_7E/mqdefault.jpg "Building a Blog Website with TanStack Start and Strapi [ full project code included ]
Building a Blog Website with TanStack Start and Strapi - Landing Page, Blog, pages, auth and paginations.
👉 Project Repo: https://github.com/PaulBratslavsky/strapi-tanstack-start-starter
👉 Strapi Docs: https://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 its seamless integration with tools like Strapi. It makes it easy for users to build dynamic, SEO-friendly websites.")
