astro 빠른 웹사이트 빌드 프레임워크

astro를 통해서 빠르고, 가볍게 웹사이트를 만들 수 있습니다. 아래 이미지는 next.js와 용량을 비교한 것입니다.

capture from: https://astro.build/

Astro는 빠르게 콘텐츠 중심의 웹사이트를 구축하기 위한 올인원 웹 프레임워크입니다.

• Component Islands: 더 빠른 웹 사이트 구축을 위한 새로운 웹 아키텍처입니다.
• 서버 우선 API 설계: 사용자 장치에서 값비싼 작업을 제거합니다.
• 제로 JS, 기본적으로: 속도를 늦추는 JavaScript 런타임 오버헤드가 없습니다.
• 에지 지원: Deno 또는 Cloudflare와 같은 글로벌 에지 런타임을 포함하여 어디에나 배포할 수 있습니다.
• 사용자 지정 가능: Tailwind, MDX 및 100개 이상의 기타 통합 중에서 선택할 수 있습니다.
• UI에 구애받지 않음: React, Preact, Svelte, Vue, Solid, Lit 등을 지원합니다.

파일 기반의 라우팅을 제공하기 때문에, Next.js의 특징을 가져왔습니다. https://docs.astro.build/en/core-concepts/routing/

# Example: Static routes
src/pages/index.astro        -> mysite.com/
src/pages/about.astro        -> mysite.com/about
src/pages/about/index.astro  -> mysite.com/about
src/pages/about/me.astro     -> mysite.com/about/me
src/pages/posts/1.md         -> mysite.com/posts/1

Astro Islands라는 아일랜드 아키텍처를 사용하는 것이 특징적입니다.

Source:  Islands Architecture: Jason Miller

시작은 node.js 기반에서 쉽게 시작할 수 있습니다.

npm create astro

생성된 폴더로 이동해서 `npm run dev` 로 프로젝트를 바로 실행할 수 있습니다.

https://docs.astro.build/en/getting-started/

Getting Started

소개 동영상: https://www.youtube.com/watch?v=dsTXcSeAZq8 

astro 100초 소개