Astro: Zero to Hero
Build High-Performance Websites with Astro
Date
July 23, 2025
Duration
17:30 - 21:30 (4 hours)
Location
Zürich (Venue TBD)
Capacity
Limited to 15 attendees
Elian Van Cutsem
Lead DevRel at React Bricks | CTO at Vulpo | Astro Maintainer | devs.gent meetup organiser
EXPERTISE
Price: 180 CHF
Limited to 15 attendees.
Workshop Overview
This comprehensive workshop takes you from zero knowledge to Astro hero status in just four hours. You'll learn how to leverage Astro's unique Island Architecture to build blazing-fast websites that ship zero JavaScript by default. We'll cover everything from project setup and configuration to advanced patterns including content collections, dynamic routing, and integration with your favorite frameworks. By the end of this hands-on session, you'll walk away with the skills to build modern, SEO-friendly websites that load in milliseconds and deliver exceptional user experiences.
Topics We'll Cover
Astro Fundamentals
Learn the core concepts of Astro's architecture and how it optimizes performance:
- •Understanding Islands Architecture
- •Project setup and file-based routing
- •Building your first Astro components
Content Collections
Master Astro's powerful content management systems:
- •Type-safe Markdown/MDX content
- •Setting up collection schemas
- •Building dynamic content pages
Framework Integrations
Integrate your favorite UI frameworks with Astro Islands:
- •Adding React, Vue, or Svelte components
- •Client-side hydration strategies
- •Sharing state between islands
Advanced Patterns
Take your Astro skills to the next level:
- •Dynamic routing and data fetching
- •Optimizing images and assets
- •Advanced SEO techniques
What You'll Take Away
Understanding of Astro's Island Architecture and how it optimizes performance
Ability to structure and organize Astro projects for maintainability
Skills to build content-rich websites with Markdown/MDX and content collections
Knowledge of integrating components from React, Vue, Svelte or other frameworks
Experience with dynamic routing and data fetching patterns
Techniques for optimizing images, assets and SEO
Note: All participants will receive starter templates, code samples, and reference materials to continue building with Astro after the workshop.
Who Should Attend
Frontend Developers (all experience levels)
Web Developers looking to upgrade their toolkit
Designers transitioning to development
Content creators wanting technical website skills
Perfect for: Developers looking to build lightning-fast websites with modern tools and minimal JavaScript.
Prerequisites
Basic HTML, CSS, and JavaScript knowledge
Familiarity with command line and npm/yarn
Your own laptop with Node.js installed (v16+ recommended)
No previous Astro experience required
Don't worry if you're new to Astro! This workshop is designed to take you from zero experience to being able to build complete websites.
Secure Your Spot
Includes workshop materials, code examples, starter templates, and refreshments
Only 15 spots available for this hands-on technical workshop.
Join our exclusive workshop to learn how to build blazing-fast websites with Astro's powerful architecture and tooling.
Join Our Developer Community
Get help, share your projects, and connect with other Astro enthusiasts in our Slack community.
Join ZurichJS SlackJuly 23, 2025 • 17:30 - 21:30 (4 hours) • Limited to 15 participants
Become an Astro Expert in Just One Evening! 🚀
Join this intensive workshop to learn how Astro helps you build lightning-fast websites with less JavaScript. Master the framework that's transforming modern web development!
Learn everything you need to start building blazing-fast websites with Astro's innovative architecture and advanced features.
Join us on July 23, 2025