How I built my Astro Blog from scratch? Part 1
What is Astro?
Astro is an all-in-one web framework for building fast, content-focused websites.
What I like about Astro?
You can create a fantastic developer experience by utilising React, Angular, Svelte, or Vue individually or in combination at any stage of the project.
Along with all of that, Astro includes built-in support for
- Component Islands: A new web architecture for building faster websites.
- Server-first API design: Move expensive hydration off of your users’ devices.
- Edge-ready: Deploy anywhere, even a 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.
If that introduction piqued your attention, then let's move ahead and build something with it.
Getting started with Astro
Start by creating a brand-new directory for your project, then go there:
Open up your terminal and run either of the following commands based on the package manager of your choice.
# create a new project with npm
npm create astro@latest
# create a new project with yarn
yarn create astro
You can choose a template of your choice and then follow the instructions given to install dependencies.
Then you can start the server:
npm run dev
If all goes well, Astro should now be serving your project on http://localhost:3000/!
Default Astro starting point.