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
98
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
『GO』アプリ データ基盤のログ収集システムコスト削減
mot_techtalk
0
140
苦しいTiDBへの移行を乗り越えて快適な運用を目指す
leveragestech
0
900
Multi Step Form, Decentralized Autonomous Organization
pumpkiinbell
1
830
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
260
DRFを少しずつ オニオンアーキテクチャに寄せていく DjangoCongress JP 2025
nealle
2
210
Serverless Rust: Your Low-Risk Entry Point to Rust in Production (and the benefits are huge)
lmammino
1
140
ナレッジイネイブリングにAIを活用してみる ゆるSRE勉強会 #9
nealle
0
120
楽しく向き合う例外対応
okutsu
0
570
Unity Android XR入門
sakutama_11
0
170
Jakarta EE meets AI
ivargrimstad
0
180
Boost Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
630
Open source software: how to live long and go far
gaelvaroquaux
0
650

Featured

See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
570
How to train your dragon (web standard)
notwaldorf
91
5.9k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Producing Creativity
orderedlist
PRO
344
40k
Thoughts on Productivity
jonyablonski
69
4.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
12
980
Building Applications with DynamoDB
mza
93
6.2k
Typedesign – Prime Four
hannesfritz
40
2.5k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.3k

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!