Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Intro to Astro

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Dimitri Dimitri
March 14, 2023
Programming
170
0

Intro to Astro

This presentation contains an introduction to Astro by creating a Pokédex using the PokéAPI.

Avatar for Dimitri

Dimitri

March 14, 2023

More Decks by Dimitri

See All by Dimitri
Moduliths
Avatar for Dimitri g00glen00b
0
140
Tech talk: Micronaut
Avatar for Dimitri g00glen00b
0
230
Better monitoring with Spring boot Actuator
Avatar for Dimitri g00glen00b
0
350
From WordPress to Gatsby
Avatar for Dimitri g00glen00b
3
400
GraphQL
Avatar for Dimitri g00glen00b
1
290
Reactive programming with Spring boot 2
Avatar for Dimitri g00glen00b
1
430
Introduction to Meteor
Avatar for Dimitri g00glen00b
0
500
JavaScript essentials
Avatar for Dimitri g00glen00b
3
460
Fronteers - JavaScript at your enterprise (Dutch)
Avatar for Dimitri g00glen00b
0
250

Other Decks in Programming

See All in Programming
〜バイブコーディングを超えて〜 チームで実験し続けたAI駆動開発
Avatar for Toranosuke Minamikawa tigertora7571
0
200
Agent Skills を社内で育てる仕組み作り
Avatar for jackchuka jackchuka
1
1.6k
GoogleCloudとterraform完全に理解した
Avatar for Terisuke terisuke
1
190
ソースコード→AST→オペコード、の旅を覗いてみる
Avatar for hideki kinjyo o0h
PRO
1
130
2026-04-15 Spring IO - I Can See Clearly Now
Avatar for Jonatan Ivanov jonatan_ivanov
1
190
AIと共に生きる技術選定 2026
Avatar for Sugar Sato sgash708
0
130
GitHubCopilotCLIをはじめよう.pdf
Avatar for tkym htkym
0
330
Liberating Ruby's Parser from Lexer Hacks
Avatar for ydah ydah
2
2.6k
PHPでローカル環境用のSSL/TLS証明書を発行することはできるのか？ #phpconkagawa
Avatar for akase244 akase244
0
350
Are We Really Coding 10× Faster with AI?
Avatar for Koichi Yoshida kohzas
0
130
ハーネスエンジニアリングとは？
Avatar for kinopee kinopeee
13
6.8k
Spec-Driven Development with AI Agents (Workshop, May 2026)
Avatar for Anton Arhipov antonarhipov
3
330

Featured

See All Featured
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
230
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
A Soul's Torment
Avatar for Nat Ma seathinner
6
2.8k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
2k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
3
350
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5.2k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.1k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
350
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Visualization
Avatar for Eitan Lees eitanlees
150
17k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
180

Transcript

  1. Intro to Astro

  2. 👋 Who am I? • Dimitri “g00glen00b” Mestdagh • Full-stack

    developer at Optis • Works with Java and JavaScript • https://dimitri.codes • @g00glen00b

  3. 🚀 What is Astro?

  4. Key features • SSR / SSG framework • Integration with

    React, Vue, … • Server first • Zero JavaScript by default • Multi-Page Application

  5. Why SSR / SSG? Client-Side Server-Side Static Site Fast build

    time Dynamic content Interactive Good SEO Fast page serve ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔

  6. Why zero JavaScript? • No hydration • Less compute-heavy for

    browsers • Better performance • Less bandwidth • Astro Islands

  7. 󰳕 Live coding time!

  8. Conclusion

  9. Personal thoughts • Great Development Experience • Mind-switch SSG/MPA •

    Minimal IDE support

  10. Resources Code: https://github.com/g00glen00b/astro-pokedex

  11. Resources Blogpost: https://dimitri.codes/astro-pokedex/

  12. 🙏 Thank you for listening!