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

Intro to Astro

Avatar for Dimitri Dimitri
March 14, 2023
Programming
0
140

Intro to Astro

This presentation contains an introduction to Astro by creating a Pokédex using the PokéAPI.

Avatar for Dimitri

Dimitri

March 14, 2023
Tweet

More Decks by Dimitri

See All by Dimitri
Moduliths
Avatar for Dimitri g00glen00b
0
120
Tech talk: Micronaut
Avatar for Dimitri g00glen00b
0
220
Better monitoring with Spring boot Actuator
Avatar for Dimitri g00glen00b
0
330
From WordPress to Gatsby
Avatar for Dimitri g00glen00b
3
380
GraphQL
Avatar for Dimitri g00glen00b
1
280
Reactive programming with Spring boot 2
Avatar for Dimitri g00glen00b
1
390
Introduction to Meteor
Avatar for Dimitri g00glen00b
0
440
JavaScript essentials
Avatar for Dimitri g00glen00b
3
430
Fronteers - JavaScript at your enterprise (Dutch)
Avatar for Dimitri g00glen00b
0
220

Other Decks in Programming

See All in Programming
SODA - FACT BOOK（JP）
Avatar for SODA inc. sodainc
1
9k
Module Proxyのマニアックな話 / Niche Topics in Module Proxy
Avatar for kuro kuro_kurorrr
0
200
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
7
680
業務でAIを使いたい話
Avatar for hnw hnw
0
210
One Enishi After Another
Avatar for Koji SHIMADA snoozer05
PRO
0
170
三者三様 宣言的UI
Avatar for Keita Kagurazaka kkagurazaka
0
300
Google Opalで使える37のライブラリ
Avatar for MIKIO KUBO mickey_kubo
3
170
他言語経験者が Golangci-lint を最初のコーディングメンターにした話 / How Golangci-lint Became My First Coding Mentor: A Story from a Polyglot Programmer
Avatar for uMa uma31
0
480
ALL CODE BASE ARE BELONG TO STUDY
Avatar for uzulla uzulla
28
6.8k
マンガアプリViewerの大画面対応を考える
Avatar for kk__777 kk__777
0
430
CSC305 Lecture 10
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
320
Towards Transactional Buffering of CDC Events @ Flink Forward 2025 Barcelona Spain
Avatar for Hans-Peter Grahsl hpgrahsl
0
120

Featured

See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.5k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
186
22k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.1k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
140
34k
Code Review Best Practice
Avatar for Trisha Gee trishagee
72
19k

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!