WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2023 • Aug 11, 2023

One Framework To Rule Them All: Faster Websites With Astro

Eddy Vinck

Why ship huge JavaScript bundles for static content? Discover how Astro's Islands Architecture lets you mix React, Vue, and Svelte while delivering zero-JS websites by default.

Pause
Mute Enter Fullscreen
#1 about 3 min

Introduction to Astro for content-focused websites

Astro provides a streamlined development experience specifically designed for content-heavy sites rather than complex web applications.

#2 about 2 min

Flexible UI frameworks and content management integrations

Developers can build with multiple JavaScript frameworks and integrate various headless CMS options or Markdown.

#3 about 3 min

Understanding zero JavaScript and the Islands architecture

Astro ships zero JavaScript by default while allowing specific interactive components through client directives.

#4 about 3 min

Comparing Astro to PHP and static site generators

A personal website evolution demonstrates how Astro reduces unnecessary complexity compared to existing solutions.

#5 about 2 min

Extending projects using community integrations and themes

Pre-built themes and integrations for tools like Tailwind and React accelerate the initial development process.

#6 about 2 min

Community support and enterprise adoption in production

Large engineering teams from companies like Google and The Guardian utilize Astro for their content platforms.

#7 about 2 min

Initializing an Astro project and directory structure

The command-line setup script generates a standardized folder structure for pages, layouts, and components.

#8 about 2 min

Understanding front matter, HTML, and scoped CSS

The custom file format combines component logic, templating, and isolated styling into a single location.

#9 about 2 min

Type-safe Markdown using Astro content collections

Content collections validate required front matter data during the build process to prevent missing information.

#10 about 3 min

Live demo of generating and customizing a blog

Applying a community theme quickly establishes a working site with customized styling and properties.

#11 about 4 min

Deploying to Netlify and reviewing site features

Integrating a GitHub repository with Netlify enables fast deployment and showcases built-in search and authoring features.

#12 about 2 min

Integrating interactive components and alternative rendering modes

Passing content collection data into client-rendered components bridges static content with dynamic interactivity.

#13 about 2 min

Final recommendations and automated transcription tool

Astro serves as an ideal choice for static sites but presents constraints for complex web applications.

#14 about 5 min

Audience Q&A on Astro project constraints and integrations

Questions cover project disqualifiers, container queries, CMS recommendations for non-technical users, and static site SEO strategies.

Matching moments

2:28 min

Introduction to the Astro web framework

Francesco Napoletano Francesco Napoletano · WWC 2024

2:11 min

Key features and advantages of the Astro framework

Francesco Napoletano Francesco Napoletano · WWC 2024

3:46 min

Astro project file structure and application routing

Francesco Napoletano Francesco Napoletano · WWC 2024

4:30 min

Tracking open source community trends in JavaScript native frameworks

Dan Cranney +2 · LIVE

43 sec

Leveraging the JAMstack concept for content-driven web applications

Sasha Shynkevich · LIVE

1:31 min

Introduction to the GraphQL, Apollo, and Next.js stack

Josh Goldberg · JS Congress

More from World Congress 2023

The year 3000, a brief history of Web Development thumbnail
25:30
over 2 years ago

The year 3000, a brief history of Web Development

Lorenzo Pieri

Demografie nutzen um jedem Bewerber das passende Angebot zu machen! thumbnail
8:52
over 2 years ago

Demografie nutzen um jedem Bewerber das passende Angebot zu machen!

Nathalie Gierth

Guided Memory Management: Rust's Ownership Model thumbnail
0:18
over 2 years ago

Guided Memory Management: Rust's Ownership Model

Stefan Baumgartner

Passwordless future: WebAuthn and Passkeys in practice thumbnail
32:32
over 2 years ago

Passwordless future: WebAuthn and Passkeys in practice

Clemens Hübner

External Secrets Operator: the secrets management toolbox for self-sufficient teams thumbnail
30:07
over 2 years ago

External Secrets Operator: the secrets management toolbox for self-sufficient teams

Moritz Johner

Building Reliable Serverless Applications with AWS CDK and Testing thumbnail
25:18
over 2 years ago

Building Reliable Serverless Applications with AWS CDK and Testing

Raphael Manke

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg
Open session

World Congress 2026 North America

Small LLM in your Browser: Huge Opportunities for Web Applications

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky
Open session

World Congress 2026 North America

Beyond Vibe Coding: An AI Builder’s Guide to Migrating 10k+ React Components

Shubham Chaurasia

Senior Software Engineer @ Meta

Shubham Chaurasia
Open session

World Congress 2026 North America

Full Stack with Flutter - are we there yet?

Nemanja Stošić

Senior Flutter Developer

Nemanja Stošić
Open session

World Congress 2026 North America

From Idea to Production with AI: Agentic Development in Practice

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky

Related videos

Beyond Warp Speed: Crafting the Future of Web Development with Astro 4.10 thumbnail
24:33
WWC 2024 • almost 2 years ago

Beyond Warp Speed: Crafting the Future of Web Development with Astro 4.10

Francesco Napoletano

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more thumbnail
1:06:20
LIVE • 9 months ago

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Chris Heilmann, Daniel Cranney, Jan Deppisch

The Lean Web thumbnail
46:46
JS Congress • over 4 years ago

The Lean Web

Chris Ferdinandi

Building for the Edge - Crafting a Next-Gen Framework thumbnail
43:41
WWC 2023 • almost 3 years ago

Building for the Edge - Crafting a Next-Gen Framework

Daniel Roe

Multiple Ships to the Island - Micro Frontends & Island Architectures thumbnail
59:03
LIVE • over 2 years ago

Multiple Ships to the Island - Micro Frontends & Island Architectures

Florian Rappl

Marko.js: Unsung Hero of Scalable Web Frameworks thumbnail
16:57
WWC 2025 • 12 months ago

Marko.js: Unsung Hero of Scalable Web Frameworks

Eugene Fidelin

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.