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

Intro to Astro

Dimitri
March 14, 2023
Programming
0
81

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
83
Tech talk: Micronaut
g00glen00b
0
160
Better monitoring with Spring boot Actuator
g00glen00b
0
250
From WordPress to Gatsby
g00glen00b
3
290
GraphQL
g00glen00b
1
210
Reactive programming with Spring boot 2
g00glen00b
1
280
Introduction to Meteor
g00glen00b
0
290
JavaScript essentials
g00glen00b
3
360
Fronteers - JavaScript at your enterprise (Dutch)
g00glen00b
0
140

Other Decks in Programming

See All in Programming
全力の跳躍を捉える計測アプリを作る
ogijun2018
1
1.3k
月間4.5億回再生を超える大規模サービス TVer iOSアプリのリアーキテクチャ戦略 - iOSDC2024
techtver
PRO
1
720
Scala におけるコンパイラエラーとの付き合い方
chencmd
2
380
Desafios e Lições Aprendidas na Migração de Monólitos para Microsserviços em Java
jessilyneh
2
140
ブラウザ互換の重要性 - あらゆるユーザーに価値を届けるために必要なこと
yamanoku
0
110
Ruby Parser progress report 2024
yui_knk
2
200
Understand the mechanism! Let's do screenshots tests of Compose Previews with various variations / 仕組みから理解する！Composeプレビューを様々なバリエーションでスクリーンショットテストしよう
sumio
2
300
メモリ最適化を究める！iOSアプリ開発における5つの重要なポイント
yhirakawa333
0
400
オートマトン学習しろ / Do automata learning
makenowjust
3
110
エラーレスポンス設計から考える、0→1開発におけるGraphQLへの向き合い方
bicstone
5
1.4k
connect-go で面倒くささと戦う / 2024-08-27 #newmo_layerx_go
izumin5210
2
610
エンジニア1年目で複雑なコードの改善に取り組んだ話
mtnmr
1
240

Featured

See All Featured
Making Projects Easy
brettharned
113
5.8k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
663
120k
Fantastic passwords and where to find them - at NoRuKo
philnash
48
2.8k
Raft: Consensus for Rubyists
vanstee
135
6.5k
Optimizing for Happiness
mojombo
375
69k
Building a Scalable Design System with Sketch
lauravandoore
458
32k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.6k
Teambox: Starting and Learning
jrom
131
8.7k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
326
21k
Infographics Made Easy
chrislema
239
18k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
24
3.9k

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!