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
100
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
99
Tech talk: Micronaut
g00glen00b
0
190
Better monitoring with Spring boot Actuator
g00glen00b
0
300
From WordPress to Gatsby
g00glen00b
3
350
GraphQL
g00glen00b
1
250
Reactive programming with Spring boot 2
g00glen00b
1
350
Introduction to Meteor
g00glen00b
0
350
JavaScript essentials
g00glen00b
3
390
Fronteers - JavaScript at your enterprise (Dutch)
g00glen00b
0
180
Other Decks in Programming
See All in Programming
Kotlinの開発でも AIをいい感じに使いたい / Making the Most of AI in Kotlin Development
kohii00
5
1.2k
Jakarta EE meets AI
ivargrimstad
0
320
Formの複雑さに立ち向かう
bmthd
1
930
Datadog DBMでなにができる? JDDUG Meetup#7
nealle
0
140
AIの力でお手軽Chrome拡張機能作り
taiseiue
0
190
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
14
4.6k
CSS Linter による Baseline サポートの仕組み
ryo_manba
1
150
Jasprが凄い話
hyshu
0
150
Unity Android XR入門
sakutama_11
0
180
Boos Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
290
color-scheme: light dark; を完全に理解する
uhyo
7
490
CDK開発におけるコーディング規約の運用
yamanashi_ren01
2
250
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
172
14k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Gamification - CAS2011
davidbonilla
80
5.2k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
Embracing the Ebb and Flow
colly
84
4.6k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
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!