Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Intro to Astro
Search
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.
Dimitri
March 14, 2023
Tweet
Share
More Decks by Dimitri
See All by Dimitri
Moduliths
g00glen00b
0
110
Tech talk: Micronaut
g00glen00b
0
210
Better monitoring with Spring boot Actuator
g00glen00b
0
320
From WordPress to Gatsby
g00glen00b
3
370
GraphQL
g00glen00b
1
260
Reactive programming with Spring boot 2
g00glen00b
1
380
Introduction to Meteor
g00glen00b
0
400
JavaScript essentials
g00glen00b
3
420
Fronteers - JavaScript at your enterprise (Dutch)
g00glen00b
0
200
Other Decks in Programming
See All in Programming
deno-redisの紹介とJSRパッケージの運用について (toranoana.deno #21)
uki00a
0
150
GoのGenericsによるslice操作との付き合い方
syumai
3
690
DroidKnights 2025 - 다양한 스크롤 뷰에서의 영상 재생
gaeun5744
3
320
Elixir で IoT 開発、 Nerves なら簡単にできる!?
pojiro
1
150
Enterprise Web App. Development (2): Version Control Tool Training Ver. 5.1
knakagawa
1
120
既存デザインを変更せずにタップ領域を広げる方法
tahia910
1
240
Deep Dive into ~/.claude/projects
hiragram
8
1.5k
アンドパッドの Go 勉強会「 gopher 会」とその内容の紹介
andpad
0
260
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.3k
XP, Testing and ninja testing
m_seki
3
190
XSLTで作るBrainfuck処理系
makki_d
0
210
ASP.NETアプリケーションのモダナイズ インフラ編
tomokusaba
1
410
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
270
20k
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
The Cost Of JavaScript in 2023
addyosmani
51
8.4k
A designer walks into a library…
pauljervisheath
207
24k
Adopting Sorbet at Scale
ufuk
77
9.4k
VelocityConf: Rendering Performance Case Studies
addyosmani
330
24k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.8k
Code Reviewing Like a Champion
maltzj
524
40k
GitHub's CSS Performance
jonrohan
1031
460k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Transcript
Intro to Astro
👋 Who am I? • Dimitri “g00glen00b” Mestdagh • Full-stack
developer at Optis • Works with Java and JavaScript • https://dimitri.codes • @g00glen00b
🚀 What is Astro?
Key features • SSR / SSG framework • Integration with
React, Vue, … • Server first • Zero JavaScript by default • Multi-Page Application
Why SSR / SSG? Client-Side Server-Side Static Site Fast build
time Dynamic content Interactive Good SEO Fast page serve ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔
Why zero JavaScript? • No hydration • Less compute-heavy for
browsers • Better performance • Less bandwidth • Astro Islands
Live coding time!
Conclusion
Personal thoughts • Great Development Experience • Mind-switch SSG/MPA •
Minimal IDE support
Resources Code: https://github.com/g00glen00b/astro-pokedex
Resources Blogpost: https://dimitri.codes/astro-pokedex/
🙏 Thank you for listening!