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

Intro to Astro

Dimitri
March 14, 2023
Programming
0
88

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
89
Tech talk: Micronaut
g00glen00b
0
180
Better monitoring with Spring boot Actuator
g00glen00b
0
280
From WordPress to Gatsby
g00glen00b
3
320
GraphQL
g00glen00b
1
230
Reactive programming with Spring boot 2
g00glen00b
1
320
Introduction to Meteor
g00glen00b
0
330
JavaScript essentials
g00glen00b
3
380
Fronteers - JavaScript at your enterprise (Dutch)
g00glen00b
0
170

Other Decks in Programming

See All in Programming
良いユニットテストを書こう
mototakatsu
4
1.7k
競技プログラミングへのお誘い@阪大BOOSTセミナー
kotamanegi
0
350
14 Years of iOS: Lessons and Key Points
seyfoyun
1
770
RWC 2024 DICOM & ISO/IEC 2022
m_seki
0
200
Recoilを剥がしている話
kirik
5
6.6k
これが俺の”自分戦略” プロセスを楽しんでいこう！ - Developers CAREER Boost 2024
niftycorp
PRO
0
190
htmxって知っていますか？次世代のHTML
hiro_ghap1
0
330
アクターシステムに頼らずEvent Sourcingする方法について
j5ik2o
4
180
Full stack testing :: basic to basic
up1
1
930
わたしの星のままで一番星になる ~ 出産を機にSIerからEC事業会社に転職した話 ~
kimura_m_29
0
180
今年のアップデートで振り返るCDKセキュリティのシフトレフト/2024-cdk-security-shift-left
tomoki10
0
190
HTTP compression in PHP and Symfony apps
dunglas
2
1.7k

Featured

See All Featured
Art, The Web, and Tiny UX
lynnandtonic
298
20k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
48
2.2k
What's in a price? How to price your products and services
michaelherold
243
12k
Unsuck your backbone
ammeep
669
57k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.9k
Six Lessons from altMBA
skipperchong
27
3.5k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5k
How STYLIGHT went responsive
nonsquared
95
5.2k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
0
94
Typedesign – Prime Four
hannesfritz
40
2.4k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.4k

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!