Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Intro to Astro

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

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

  1. Intro to Astro

  2. 👋 Who am I? • Dimitri “g00glen00b” Mestdagh • Full-stack

    developer at Optis • Works with Java and JavaScript • https://dimitri.codes • @g00glen00b

  3. 🚀 What is Astro?

  4. Key features • SSR / SSG framework • Integration with

    React, Vue, … • Server first • Zero JavaScript by default • Multi-Page Application

  5. Why SSR / SSG? Client-Side Server-Side Static Site Fast build

    time Dynamic content Interactive Good SEO Fast page serve ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔

  6. Why zero JavaScript? • No hydration • Less compute-heavy for

    browsers • Better performance • Less bandwidth • Astro Islands

  7. 󰳕 Live coding time!

  8. Conclusion

  9. Personal thoughts • Great Development Experience • Mind-switch SSG/MPA •

    Minimal IDE support

  10. Resources Code: https://github.com/g00glen00b/astro-pokedex

  11. Resources Blogpost: https://dimitri.codes/astro-pokedex/

  12. 🙏 Thank you for listening!