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

Intro to Astro

Avatar for Dimitri Dimitri
March 14, 2023
Programming
0
130

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
Tweet

More Decks by Dimitri

See All by Dimitri
Moduliths
Avatar for Dimitri g00glen00b
0
110
Tech talk: Micronaut
Avatar for Dimitri g00glen00b
0
210
Better monitoring with Spring boot Actuator
Avatar for Dimitri g00glen00b
0
320
From WordPress to Gatsby
Avatar for Dimitri g00glen00b
3
370
GraphQL
Avatar for Dimitri g00glen00b
1
270
Reactive programming with Spring boot 2
Avatar for Dimitri g00glen00b
1
380
Introduction to Meteor
Avatar for Dimitri g00glen00b
0
410
JavaScript essentials
Avatar for Dimitri g00glen00b
3
420
Fronteers - JavaScript at your enterprise (Dutch)
Avatar for Dimitri g00glen00b
0
200

Other Decks in Programming

See All in Programming
ISUCON研修おかわり会 講義スライド
Avatar for Yuki Yata arfes0e2b3c
1
460
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
Avatar for Yutaro Muta yutailang0119
0
160
Porting a visionOS App to Android XR
Avatar for Akio Itaya akkeylab
0
640
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
Avatar for nrs nrslib
2
930
『自分のデータだけ見せたい！』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
Avatar for AkitoTsukahara akitotsukahara
2
650
ふつうの技術スタックでアート作品を作ってみる
Avatar for Akira Yagi akira888
1
1.1k
ニーリーにおけるプロダクトエンジニア
Avatar for Nealle nealle
0
880
なぜ「共通化」を考え、失敗を繰り返すのか
Avatar for Rinchoku rinchoku
1
660
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
Avatar for Yuichi Maekawa kaelaela
11
6.5k
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
Avatar for Nealle nealle
2
11k
テスト駆動Kaggle
Avatar for ねぼすけAI isax1015
1
480
LT 2025-06-30: プロダクトエンジニアの役割
Avatar for Keisuke Yamamoto yamamotok
0
800

Featured

See All Featured
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.4k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.7k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
1.9k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.7k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.6k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
69
11k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
107
19k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.7k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
2.9k

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!