Learn what the Astra Framework is and how to run Astro and create your first Astro blog website.

# What is Astro and How to use it

Your assignment, build a Blog website, ok , let me do a npx create-react-app my-blog and do a total overkill of your assignment.

Or just use Astro, with is similar to a static site generator and make you life much easear.

## What is Astro?

Astro is an all-in-one web framework for building fast, content-focused websites.

For example Blogs, Landing pages ,Portfolio, Showcase, etc...

## Key Features:

Some of the Key Features of the Astro framework are :

  • *Component Islands*: A new web architecture for building faster websites, that considers your website as the ocean and the components as islands.

  • *Server-first API design*: opposite to next.js, expensive hydration is removed of your users’ devices increasing site speed.

  • *Zero JS, by default*: No JavaScript runtime overhead to slow you down. JavaScript is loaded only when required.

  • *Edge-ready*: can run on global edge runtime like Deno or Cloudflare.

  • *Customizable*: Tailwind, MDX, and 100+ other integrations to choose from.

  • *UI-agnostic*: Supports React, Preact, Svelte, Vue, Solid, Lit and more as integrable components.

There main selling point is that you ship les JavaScript!

🎱Source Code for this Video: https://norbertbm.com/

👇

Website & Courses: 👨‍🏫 : https://norbertbm.com/web-development/web-dev-courses/

Podcast: https://www.youtube.com/channel/UCDKBcl1m__Oj7C5O-orhn_w

Send in a voice message: https://anchor.fm/menyhart-b-norbert9/message

See All 43 Episodes of "Weekly code quickies with Norbert B.M."