Skip to content

Getting Started with Astro 5

1 min read

Getting Started with Astro 5

Astro is a modern static site generator that delivers lightning-fast performance by shipping zero JavaScript by default.

Why Astro?

Astro is perfect for content-focused websites like blogs, documentation sites, and portfolios. Here’s why:

  • Zero JS by default - Only ship JavaScript when you need it
  • Island architecture - Interactive components load independently
  • Framework agnostic - Use React, Vue, Svelte, or plain HTML
  • Content collections - Type-safe content with Zod schemas

Getting Started

First, create a new Astro project:

Terminal window
npm create astro@latest my-blog

Then, install your dependencies and start the dev server:

Terminal window
cd my-blog
npm install
npm run dev

What’s Next

In the next article, we’ll explore content collections and how to structure your blog posts for maximum productivity.


Written by

Farshad Akbari

Software engineer writing about Java, Kotlin TypeScript, Python, data systems and AI

Keyboard Shortcuts

Navigation

  • Open search ⌘K
  • Next article j
  • Previous article k

Actions

  • Toggle dark mode d
  • Toggle table of contents t
  • Show this help ?
  • Close modal Esc

Shortcuts are disabled when typing in inputs or textareas.