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
81
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
83
Tech talk: Micronaut
g00glen00b
0
160
Better monitoring with Spring boot Actuator
g00glen00b
0
250
From WordPress to Gatsby
g00glen00b
3
290
GraphQL
g00glen00b
1
210
Reactive programming with Spring boot 2
g00glen00b
1
280
Introduction to Meteor
g00glen00b
0
290
JavaScript essentials
g00glen00b
3
360
Fronteers - JavaScript at your enterprise (Dutch)
g00glen00b
0
140
Other Decks in Programming
See All in Programming
全力の跳躍を捉える計測アプリを作る
ogijun2018
1
1.3k
月間4.5億回再生を超える大規模サービス TVer iOSアプリのリアーキテクチャ戦略 - iOSDC2024
techtver
PRO
1
720
Scala におけるコンパイラエラーとの付き合い方
chencmd
2
380
Desafios e Lições Aprendidas na Migração de Monólitos para Microsserviços em Java
jessilyneh
2
140
ブラウザ互換の重要性 - あらゆるユーザーに価値を届けるために必要なこと
yamanoku
0
110
Ruby Parser progress report 2024
yui_knk
2
200
Understand the mechanism! Let's do screenshots tests of Compose Previews with various variations / 仕組みから理解する!Composeプレビューを様々なバリエーションでスクリーンショットテストしよう
sumio
2
300
メモリ最適化を究める!iOSアプリ開発における5つの重要なポイント
yhirakawa333
0
400
オートマトン学習しろ / Do automata learning
makenowjust
3
110
エラーレスポンス設計から考える、0→1開発におけるGraphQLへの向き合い方
bicstone
5
1.4k
connect-go で面倒くささと戦う / 2024-08-27 #newmo_layerx_go
izumin5210
2
610
エンジニア1年目で複雑なコードの改善に取り組んだ話
mtnmr
1
240
Featured
See All Featured
Making Projects Easy
brettharned
113
5.8k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
663
120k
Fantastic passwords and where to find them - at NoRuKo
philnash
48
2.8k
Raft: Consensus for Rubyists
vanstee
135
6.5k
Optimizing for Happiness
mojombo
375
69k
Building a Scalable Design System with Sketch
lauravandoore
458
32k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.6k
Teambox: Starting and Learning
jrom
131
8.7k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
326
21k
Infographics Made Easy
chrislema
239
18k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
24
3.9k
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!