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
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
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
390
JavaScript essentials
g00glen00b
3
420
Fronteers - JavaScript at your enterprise (Dutch)
g00glen00b
0
200
Other Decks in Programming
See All in Programming
Enterprise Web App. Development (2): Version Control Tool Training Ver. 5.1
knakagawa
1
110
eBPFを用いたAIネットワーク監視システム論文の実装 / eBPF Japan Meetup #4
yuukit
3
700
機械学習って何? 5分で解説頑張ってみる
kuroneko2828
0
180
セキュリティマネジャー廃止とクラウドネイティブ型サンドボックス活用
kazumura
1
150
PT AI без купюр
v0lka
0
210
CSC307 Lecture 17
javiergs
PRO
0
110
Cloudflare Realtime と Workers でつくるサーバーレス WebRTC
nekoya3
0
360
ワイがおすすめする新潟の食 / 20250530phpconf-niigata-eve
kasacchiful
0
290
Rails産でないDBを Railsに引っ越すHACK - Omotesando.rb #110
lnit
1
150
単体テストの始め方/作り方
toms74209200
0
350
TypeScriptのmoduleオプションを改めて整理する
bicstone
4
460
Blueskyのプラグインを作ってみた
hakkadaikon
1
390
Featured
See All Featured
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Adopting Sorbet at Scale
ufuk
77
9.4k
Designing Experiences People Love
moore
142
24k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
470
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
47
2.8k
RailsConf 2023
tenderlove
30
1.1k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.6k
Music & Morning Musume
bryan
47
6.6k
Facilitating Awesome Meetings
lara
54
6.4k
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!