DEV Community

Alex Spinov
Alex Spinov

Posted on

Astro Has a Free Web Framework — Ship Zero JavaScript by Default

#opensource #javascript #webdev #framework

A blog built with Next.js shipped 200KB of JavaScript to the browser. For static content that never changes. The Lighthouse score was 65.

Astro is a free web framework that ships zero JavaScript by default. Static HTML first, hydrate only the interactive parts. Perfect Lighthouse scores.

What Astro Offers for Free

  • Zero JS by Default - Static HTML, no client-side JavaScript unless needed
  • Islands Architecture - Hydrate only interactive components
  • Any UI Framework - React, Vue, Svelte, Solid in the same project
  • Content Collections - Type-safe Markdown/MDX content
  • SSR - Server-side rendering when needed
  • View Transitions - Smooth page transitions built in
  • Image Optimization - Built-in image component
  • Adapters - Deploy to Vercel, Netlify, Cloudflare, Node

Quick Start 

npm create astro@latest
Enter fullscreen mode Exit fullscreen mode 
---
const posts = await getCollection('blog')
---
<html>
  <body>
    <h1>My Blog</h1>
    {posts.map(post => <a href={post.slug}>{post.data.title}</a>)}
  </body>
</html>
Enter fullscreen mode Exit fullscreen mode

GitHub: withastro/astro - 48K+ stars

Need to monitor and scrape data from multiple web services automatically? I build custom scraping solutions. Check out my web scraping toolkit or email me at spinov001@gmail.com for a tailored solution.

Top comments (0)