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

Intro to Astro

Dimitri
March 14, 2023
Programming
0
93

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

Other Decks in Programming

See All in Programming
ATDDで素早く安定した デリバリを実現しよう！
tonnsama
1
1.9k
Запуск 1С:УХ в крупном энтерпрайзе: мечта и реальность ПМа
lamodatech
0
950
アクターシステムに頼らずEvent Sourcingする方法について
j5ik2o
6
700
KMP와 kotlinx.rpc로 서버와 클라이언트 동기화
kwakeuijin
0
300
情報漏洩させないための設計
kubotak
5
1.3k
Итераторы в Go 1.23: зачем они нужны, как использовать, и насколько они быстрые?
lamodatech
0
1.4k
Findy Team+ Awardを受賞したかった！ベストプラクティス応募内容をふりかえり、開発生産性向上もふりかえる / Findy Team Plus Award BestPractice and DPE Retrospective 2024
honyanya
0
140
Lookerは可視化だけじゃない。UIコンポーネントもあるんだ！
ymd65536
1
130
LLM Supervised Fine-tuningの理論と実践
datanalyticslabo
8
1.9k
Jaspr Dart Web Framework 박제창 @Devfest 2024
itsmedreamwalker
0
150
Beyond ORM
77web
11
1.6k
[JAWS-UG横浜 #80] うわっ…今年のServerless アップデート、少なすぎ…？
maroon1st
0
100

Featured

See All Featured
Writing Fast Ruby
sferik
628
61k
Building an army of robots
kneath
302
45k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Making the Leap to Tech Lead
cromwellryan
133
9k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Measuring & Analyzing Core Web Vitals
bluesmoon
5
210
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Fireside Chat
paigeccino
34
3.1k
The World Runs on Bad Software
bkeepers
PRO
66
11k
Automating Front-end Workflow
addyosmani
1366
200k
Facilitating Awesome Meetings
lara
51
6.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k

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!