What is ASTRO JS & How To Run it

Weekly Code Quickies

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