WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2024 • Aug 20, 2024 • Session details

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

Francesco Napoletano

Tired of heavy frontend frameworks tanking your Lighthouse scores? Discover how Astro 4.10 ships zero JavaScript by default while mixing React, Vue, and Svelte in one lightning-fast app.

Pause
Mute Enter Fullscreen
#1 about 3 min

Introduction to the Astro web framework

How the Astro framework accelerates web development through an emphasis on architectural simplicity, speed, and flexibility.

#2 about 3 min

Key features and advantages of the Astro framework

How a UI-agnostic design, selective interactive zones, and a zero JavaScript baseline generate an extremely fast user experience.

#3 about 4 min

Astro project file structure and application routing

Exploring an Astro codebase hierarchy and discovering how the dedicated pages directory maps layout variables into dynamic application routing instantly.

#4 about 2 min

Integrating multiple frameworks using UI-agnostic architecture

Combining multiple distinct engineering engines natively inside the same view window to streamline software migrations.

#5 about 5 min

Client directives for component islands and partial hydration

Defining interactive code blocks selectively while ensuring that static structural elements retain a pristine loading performance.

#6 about 5 min

Configuring server-side rendering and Cloudflare deployment

Enabling server-side view generation organically and bridging software repositories directly into production utilizing Cloudflare runtime variables.

#7 about 5 min

Internal performance optimizations and Tailwind CSS integration

Leveraging built-in CSS styling splits alongside customized integration libraries to maintain robust Lighthouse assessment scores.

Matching moments

2:09 min

Introduction to Astro for content-focused websites

Eddy Vinck · WWC 2023

2:12 min

Comparing Astro to PHP and static site generators

Eddy Vinck · WWC 2023

2:42 min

Understanding zero JavaScript and the Islands architecture

Eddy Vinck · WWC 2023

4:18 min

Audience Q&A on Astro project constraints and integrations

Eddy Vinck · WWC 2023

1:31 min

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

Josh Goldberg · JS Congress

3:46 min

The rise of modern component-based frameworks and modular architecture

Sasha Shynkevich · LIVE

More from World Congress 2024

Beyond the Hype: Real-World AI Strategies Panel thumbnail
24:07
10 months ago

Beyond the Hype: Real-World AI Strategies Panel

Mike Butcher, Jürgen Müller, Katrin Lehmann, Tobias Regenfuss

Carl Lapierre - Exploring Advanced Patterns in Retrieval-Augmented Generation thumbnail
21:17
almost 2 years ago

Carl Lapierre - Exploring Advanced Patterns in Retrieval-Augmented Generation

Carl Lapierre

Coding an Immersive Copilot using Unity / .NET and Azure OpenAI! thumbnail
31:50
almost 2 years ago

Coding an Immersive Copilot using Unity / .NET and Azure OpenAI!

Zaid Zaim

Building a diverse tech company: The power of Diversity, Equity, Inclusion, and Belonging thumbnail
29:43
almost 2 years ago

Building a diverse tech company: The power of Diversity, Equity, Inclusion, and Belonging

Sue Quackenbush

Dapr in Practice thumbnail
24:08
almost 2 years ago

Dapr in Practice

marcklefter

Minimising the Carbon Footprint of Workloads thumbnail
27:46
almost 2 years ago

Minimising the Carbon Footprint of Workloads

Michael Mueller

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

Full Stack with Flutter - are we there yet?

Nemanja Stošić

Senior Flutter Developer

Nemanja Stošić
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

It’s Alive! Taming the MLOps Franken-Stack: Write, Run, and Serve with Michelangelo

Eric Wang, Paul Zimmerman

Eric Wang
Paul Zimmerman

Related videos

One Framework To Rule Them All: Faster Websites With Astro thumbnail
30:42
WWC 2023 • almost 3 years ago

One Framework To Rule Them All: Faster Websites With Astro

Eddy Vinck

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

To New Frontiers: The Future of Frontend Development thumbnail
26:00
WWC 2022 • about 4 years ago

To New Frontiers: The Future of Frontend Development

Rainer Hahnekamp

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

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

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.