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

Intro to Astro

Dimitri
March 14, 2023
Programming
0
120

Intro to Astro

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

Dimitri

March 14, 2023
Tweet

More Decks by Dimitri

See All by Dimitri
Moduliths
g00glen00b
0
110
Tech talk: Micronaut
g00glen00b
0
200
Better monitoring with Spring boot Actuator
g00glen00b
0
310
From WordPress to Gatsby
g00glen00b
3
360
GraphQL
g00glen00b
1
260
Reactive programming with Spring boot 2
g00glen00b
1
360
Introduction to Meteor
g00glen00b
0
370
JavaScript essentials
g00glen00b
3
410
Fronteers - JavaScript at your enterprise (Dutch)
g00glen00b
0
190

Other Decks in Programming

See All in Programming
Thank you <💅>, What's the Next?
ahoxa
1
510
サービスレベルを管理してアジャイルを加速しよう！！ / slm-accelerate-agility
tomoyakitaura
1
190
Do Dumb Things
mitsuhiko
0
440
generative-ai-use-cases(GenU)の推しポイント ～2025年4月版～
hideg
0
200
State of Namespace
tagomoris
4
1.8k
DataStoreをテストする
mkeeda
0
290
設計の本質：コード、システム、そして組織へ / The Essence of Design: To Code, Systems, and Organizations
nrslib
4
790
Boost Your Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
130
AIコーディングの理想と現実
tomohisa
26
32k
Deoptimization: How YJIT Speeds Up Ruby by Slowing Down / RubyKaigi 2025
k0kubun
0
870
Make Parsers Compatible Using Automata Learning
makenowjust
2
5.2k
Vibe Coding の話をしよう
schroneko
12
2.7k

Featured

See All Featured
Speed Design
sergeychernyshev
29
900
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.8k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.8k
Optimizing for Happiness
mojombo
377
70k
Scaling GitHub
holman
459
140k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.9k
GitHub's CSS Performance
jonrohan
1030
460k
How to train your dragon (web standard)
notwaldorf
90
6k
BBQ
matthewcrist
88
9.6k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
A Tale of Four Properties
chriscoyier
158
23k
What's in a price? How to price your products and services
michaelherold
245
12k

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!