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

Intro to Astro

Dimitri
March 14, 2023
Programming
0
73

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

Other Decks in Programming

See All in Programming
1BRC--Nerd Sniping the Java Community
gunnarmorling
0
300
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
ttskch
39
18k
CircleCIを活用して AWSへの継続的デリバリーを 実践する
coconala_engineer
1
230
プールにゆこう
irof
2
120
Blue/Greenデプロイの導入による 運用フローの改善
kudoas
1
350
甘い香りに誘われてVanilla Extractを1年間運用してみた
miyahkun
1
110
HUIT新歓2024「競技プログラミング、やってみませんか？」
slephy2784
1
250
今の SmartHR にエンジニアで入社するとどうなるの？
daisukeshinoku
5
4.6k
大規模Reactアプリのリアーキテクチャ~8万行のTanStack Query移行の軌跡~
kj455
3
770
Javaエンジニアのための Nodejs/Nuxt3入門
hidekatsu_izuno
0
280
ゆるい個人開発のススメ
kuroppe1819
10
940
StreamlitとTerraformでデータカタログを作った話
gussan0223
0
300

Featured

See All Featured
Art, The Web, and Tiny UX
lynnandtonic
288
19k
Fantastic passwords and where to find them - at NoRuKo
philnash
36
2.5k
Building Adaptive Systems
keathley
30
1.8k
Designing the Hi-DPI Web
ddemaree
276
33k
The MySQL Ecosystem @ GitHub 2015
samlambert
242
12k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
115
18k
Facilitating Awesome Meetings
lara
41
5.6k
Designing for Performance
lara
601
67k
Automating Front-end Workflow
addyosmani
1355
200k
Being A Developer After 40
akosma
56
580k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.9k
4 Signs Your Business is Dying
shpigford
175
21k

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!