Uploaded August 2024 | Updated September 2026, 2 weeks ago
Note: This is being updated to 2025 new course here youtube.com/watch?v=WI-_gVBoBBg
In this Astro crash course, we learn how to get started with Astro and build a simple website. We walk through setting up the project, installing tailwind.
In the next tutorial we will take a look at routes and components.
We also learn how to use Astro components, add JavaScript, and style our website with CSS and Tailwind.
The tutorial emphasizes the ease of using Astro for content-driven websites and its compatibility with other frameworks.
Key Topics:
- Setting up an Astro project
- Installing tailwind
- Building a simple website with landing and about pages
- Using Astro components
- Adding JavaScript and styling with CSS and Tailwind
Note: This is being updated to 2025 new course here youtube.com/watch?v=WI-_gVBoBBg
In this Astro crash course, we learn how to get started with Astro and build a simple website. We walk through setting up the project, installing tailwind.
In the next tutorial we will take a look at routes and components.
We also learn how to use Astro components, add JavaScript, and style our website with CSS and Tailwind.
The tutorial emphasizes the ease of using Astro for content-driven websites and its compatibility with other frameworks.
Key Topics:
- Setting up an Astro project
- Installing tailwind
- Building a simple website with landing and about pages
- Using Astro components
- Adding JavaScript and styling with CSS and Tailwind
![Strapi v5 Crash Course 2025 [ Part 8 Building our landing page with dynamic zones ]
In Strapi tutorial part 8, we will start building our Landing Page with our next components: Content With Image, Markdown and Person Card.
π Lesson Notes: https://www.codingafterthirty.com/courses/strapi-5-crash-course-2025/building-our-landing-page-with-dynamic-zones
π Learn more about Strapi: https://strapi.link/learn-more
Welcome back to Part 8 of our Strapi Crash Course! In this tutorial, weβll continue building our Content using Images, Markdown, and Person Card.
We learn how to use Strapis dynamic zones and allow non-technical users to manage content.
π What Youβll Learn:
- Creating Landing Page Content Types: Well set up a new single type for your landing page, complete with essential fields.
Dynamic Zones Explained: Discover how dynamic zones allow multiple components and can help you manage variations in content structure.
- Step-by-Step Section Creation: Continue to build out our landing page sections.
- Using Queries for Data Population: Understand how to implement populate logic to prepare your content for display.
- Middleware for Improved API Calls: Ill show you how to create middleware that automatically populates your data, making your API calls cleaner and safer.
π οΈ Key Takeaways:
- Flexible Content Management: Dynamic zones allow for easy rearrangement and addition of components.
- Better API Integration: Middleware enhances data fetching efficiency and security.
- User-Friendly Interface: Strappys intuitive content type builder simplifies creating and managing content.
- Reusable Components: Create components that can be used across multiple pages for consistency.
- SEO-Friendly Structure: The ability to manage content dynamically helps in optimizing search engines.
π¬ 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 8 Building our landing page with dynamic zones ]](https://i.ytimg.com/vi/ewgwNgEYp6I/mqdefault.jpg)









