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
80
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
150
Better monitoring with Spring boot Actuator
g00glen00b
0
230
From WordPress to Gatsby
g00glen00b
3
270
GraphQL
g00glen00b
1
200
Reactive programming with Spring boot 2
g00glen00b
1
250
Introduction to Meteor
g00glen00b
0
270
JavaScript essentials
g00glen00b
3
360
Fronteers - JavaScript at your enterprise (Dutch)
g00glen00b
0
140
Other Decks in Programming
See All in Programming
小さな開発会社を作った理由
polidog
0
1.9k
Clean Architecture by TypeScript & NestJS
ryounasso
0
150
Trial
cairolibrary720
1
130
CSC307 Lecture 06
javiergs
PRO
0
360
Advanced App Shrinking Techniques
cbeyls
2
150
Google's Recipe for Scaling (Web) Security – LocoMocoSec 2024
lweichselbaum
0
170
[After Kotlin Fest 2024 LT Night @ Sansan] もっともっとKotlinを好きになる!K2 Compiler Pluginで遊んでみよう!
kitakkun
2
260
英語
s_shimotori
1
220
日付と正規化
megmogmog1965
0
140
君たちはどうコードをレビューする (される) か / 大吉祥寺.pm
utgwkk
15
8.5k
Android開発者のための Kotlin Multiplatform入門
ntaro
0
190
CSC307 Lecture 14
javiergs
PRO
0
220
Featured
See All Featured
The Language of Interfaces
destraynor
151
23k
Teambox: Starting and Learning
jrom
130
8.6k
Building Better People: How to give real-time feedback that sticks.
wjessup
357
18k
4 Signs Your Business is Dying
shpigford
178
21k
GraphQLとの向き合い方2022年版
quramy
36
13k
Designing for humans not robots
tammielis
247
25k
Scaling GitHub
holman
458
140k
Fireside Chat
paigeccino
25
2.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
248
20k
BBQ
matthewcrist
82
9k
Building Applications with DynamoDB
mza
89
5.8k
No one is an island. Learnings from fostering a developers community.
thoeni
17
2.8k
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!