This presentation contains an introduction to Astro by creating a Pokédex using the PokéAPI.
Intro to Astro
View Slide
👋 Who am I? ● Dimitri “g00glen00b” Mestdagh● Full-stack developer at Optis● Works with Java and JavaScript● https://dimitri.codes● @g00glen00b
🚀 What is Astro?
Key features ● SSR / SSG framework● Integration with React, Vue, …● Server first● Zero JavaScript by default● Multi-Page Application
Why SSR / SSG?Client-Side Server-Side Static SiteFast build timeDynamic contentInteractiveGood SEOFast page serve✔✔✔✔✔ ✔✔✔
Why zeroJavaScript?● No hydration● Less compute-heavy for browsers● Better performance● Less bandwidth● Astro Islands
Live coding time!
Conclusion
Personal thoughts ● Great Development Experience● Mind-switch SSG/MPA● Minimal IDE support
ResourcesCode: https://github.com/g00glen00b/astro-pokedex
ResourcesBlogpost: https://dimitri.codes/astro-pokedex/
🙏 Thank you for listening!