Tweet
Tweet

Slide 1

Slide 1 text

Intro to Astro

Slide 2

Slide 2 text

πŸ‘‹ Who am I? ● Dimitri β€œg00glen00b” Mestdagh ● Full-stack developer at Optis ● Works with Java and JavaScript ● https://dimitri.codes ● @g00glen00b

Slide 3

Slide 3 text

πŸš€ What is Astro?

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

Why SSR / SSG? Client-Side Server-Side Static Site Fast build time Dynamic content Interactive Good SEO Fast page serve βœ” βœ” βœ” βœ” βœ” βœ” βœ” βœ”

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

󰳕 Live coding time!

Slide 8

Slide 8 text

Conclusion

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

πŸ™ Thank you for listening!