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

Intro to Astro

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

Other Decks in Programming

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