$30 off During Our Annual Pro Sale. View Details »

Intro to Astro

Dimitri
March 14, 2023
Programming
0
56

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
61
Tech talk: Micronaut
g00glen00b
0
97
Better monitoring with Spring boot Actuator
g00glen00b
0
150
From WordPress to Gatsby
g00glen00b
3
180
GraphQL
g00glen00b
1
150
Reactive programming with Spring boot 2
g00glen00b
1
170
Introduction to Meteor
g00glen00b
0
170
JavaScript essentials
g00glen00b
3
300
Fronteers - JavaScript at your enterprise (Dutch)
g00glen00b
0
96

Other Decks in Programming

See All in Programming
if 式と switch 式による SwiftUI のプレビューエラー対策
ojun9
1
220
The Secret Ingredient: How to Understand and Resolve Just about Any Flaky Test
aridlehoover
PRO
1
250
Accelerating App Dev with Cloudflare Workers
chimame
1
210
Microservices: what does good look like? (Nov 2023)
cer
PRO
0
830
JakartaEE_for_Spring_OttawaJUG-2023.pdf
ivargrimstad
0
110
第42回ロボティクス勉強会：実環境を手軽にシミュレータ環境に持ってくるpointcloud2gazebo
atinfinity
0
930
ニフティ開発インターンで使うAWS環境をできるだけ楽に構築した話 (LT) - NIFTY Tech Day 2023
niftycorp
0
120
未定義動作でFizz Buzz / Undefined Fizz Buzz
kaityo256
PRO
1
390
Input object ではじめる入力値検証/input-value-validation-using-input-object
sanfrecce_osaka
0
200
インターフェースのラッパーを作る際の落とし穴 / Go Conference mini 2023
mazrean
0
250
進化したWeb技術でPWAをネイティブアプリに近づける / frontend-conf-2023
yuhei_fujita
6
2.6k
DRIVE CHARTのMLOpsを体感しよう
mot_techtalk
0
120

Featured

See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
45
8.7k
VelocityConf: Rendering Performance Case Studies
addyosmani
319
23k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
152
14k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
RailsConf 2023
tenderlove
0
360
Thoughts on Productivity
jonyablonski
55
3.5k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
225
51k
Keith and Marios Guide to Fast Websites
keithpitt
407
21k
Atom: Resistance is Futile
akmur
257
24k
The Web Native Designer (August 2011)
paulrobertlloyd
78
2.7k
Pencils Down: Stop Designing & Start Developing
hursman
115
11k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
5
750

Transcript

  1. Intro to Astro

    View Slide

  2. 👋 Who am I? ● Dimitri “g00glen00b” Mestdagh
    ● Full-stack developer at Optis
    ● Works with Java and JavaScript
    ● https://dimitri.codes
    ● @g00glen00b

    View Slide

  3. 🚀 What is Astro?

    View Slide

  4. Key features ● SSR / SSG framework
    ● Integration with React, Vue, …
    ● Server first
    ● Zero JavaScript by default
    ● Multi-Page Application

    View Slide

  5. Why SSR / SSG?
    Client-Side Server-Side Static Site
    Fast build time
    Dynamic content
    Interactive
    Good SEO
    Fast page serve
    ✔
    ✔
    ✔
    ✔
    ✔ ✔
    ✔
    ✔

    View Slide

  6. Why zero
    JavaScript?
    ● No hydration
    ● Less compute-heavy for browsers
    ● Better performance
    ● Less bandwidth
    ● Astro Islands

    View Slide

  7. 󰳕 Live coding time!

    View Slide

  8. Conclusion

    View Slide

  9. Personal thoughts ● Great Development Experience
    ● Mind-switch SSG/MPA
    ● Minimal IDE support

    View Slide

  10. Resources
    Code: https://github.com/g00glen00b/astro-pokedex

    View Slide

  11. Resources
    Blogpost: https://dimitri.codes/astro-pokedex/

    View Slide

  12. 🙏 Thank you for listening!

    View Slide