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
97
Tech talk: Micronaut
g00glen00b
0
190
Better monitoring with Spring boot Actuator
g00glen00b
0
290
From WordPress to Gatsby
g00glen00b
3
350
GraphQL
g00glen00b
1
240
Reactive programming with Spring boot 2
g00glen00b
1
340
Introduction to Meteor
g00glen00b
0
350
JavaScript essentials
g00glen00b
3
390
Fronteers - JavaScript at your enterprise (Dutch)
g00glen00b
0
170

Other Decks in Programming

See All in Programming
技術を根付かせる / How to make technology take root
kubode
1
250
SwiftUIで単方向アーキテクチャを導入して得られた成果
takuyaosawa
0
270
動作確認やテストで漏れがちな観点3選
starfish719
6
1k
SpringBoot3.4の構造化ログ #kanjava
irof
2
1k
Multi Step Form, Decentralized Autonomous Organization
pumpkiinbell
1
750
個人アプリを2年ぶりにアプデしたから褒めて / I just updated my personal app, praise me!
lovee
0
350
SwiftUI Viewの責務分離
elmetal
PRO
1
240
パスキーのすべて ── 導入・UX設計・実装の紹介 / 20250213 パスキー開発者の集い
kuralab
3
790
ARA Ansible for the teams
kksat
0
150
時計仕掛けのCompose
mkeeda
1
300
How mixi2 Uses TiDB for SNS Scalability and Performance
kanmo
38
14k
プログラミング言語学習のススメ / why-do-i-learn-programming-language
yashi8484
0
130

Featured

See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Producing Creativity
orderedlist
PRO
344
39k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
Typedesign – Prime Four
hannesfritz
40
2.5k
Designing for Performance
lara
604
68k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
BBQ
matthewcrist
87
9.5k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Scaling GitHub
holman
459
140k

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!