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

Intro to Astro

Dimitri
March 14, 2023
Programming
0
83

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

Other Decks in Programming

See All in Programming
役立つログに取り組もう
irof
28
9.6k
Duckdb-Wasmでローカルダッシュボードを作ってみた
nkforwork
0
120
Less waste, more joy, and a lot more green: How Quarkus makes Java better
hollycummins
0
100
Tauriでネイティブアプリを作りたい
tsucchinoko
0
370
エンジニアとして関わる要件と仕様(公開用)
murabayashi
0
280
みんなでプロポーザルを書いてみた
yuriko1211
0
260
型付き API リクエストを実現するいくつかの手法とその選択 / Typed API Request
euxn23
8
2.2k
現場で役立つモデリング　超入門
masuda220
PRO
15
3.2k
OnlineTestConf: Test Automation Friend or Foe
maaretp
0
110
ピラミッド、アイスクリームコーン、SMURF: 自動テストの最適バランスを求めて / Pyramid Ice-Cream-Cone and SMURF
twada
PRO
10
1.3k
Flutterを言い訳にしない！アプリの使い心地改善テクニック5選🔥
kno3a87
1
150
Laravel や Symfony で手っ取り早く
OpenAPI のドキュメントを作成する
azuki
1
110

Featured

See All Featured
Testing 201, or: Great Expectations
jmmastey
38
7.1k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
Designing the Hi-DPI Web
ddemaree
280
34k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2.1k
How GitHub (no longer) Works
holman
310
140k
Bash Introduction
62gerente
608
210k
Writing Fast Ruby
sferik
627
61k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
Gamification - CAS2011
davidbonilla
80
5k
Building a Modern Day 
E-commerce SEO Strategy
aleyda
38
6.9k
KATA
mclloyd
29
14k

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!