Astro, 블로그를 위한 최고의 웹 프레임워크?

안녕하세요.

 

블로그를 직접 호스팅 해보신 분이라면 다들 한 번쯤 어떤 웹 프레임워크 또는 라이브러리를 선택해야 할지 고민을 많이 해보셨을 텐데요. 최근에 새로 나온 웹 프레임워크가 있어서 짧게 소개 드리려고 합니다.

 

 

 

바로 Astro라는 이름의 웹 프레임워크인데요. Astro는 블로그나 e-commerce와 같이 content-focused 전용 프레임워크로 많이 사용되는 Hugo, Ruby on Rails, WordPress와 마찬가지로 Multi-Page Application (MPA)의 일종이고, 빠른 속도와 간단한 사용법에 강점이 있는 static site builder 전용의 all-in-one 웹 프레임워크라고 합니다. 

 

 

Astro 메인 페이지

 

Astro의 특징

Astro에서 제공하는 공식 문서에서는 Astro의 특징을 다음과 같이 설명하고 있습니다.

1. 콘텐츠 중심 (Content-focused) : Astro는 풍부한 콘텐츠 기반의 웹사이트에 알맞게 디자인됨
2. 서버 우선 (Server-first) : 서버 사이드 렌더링을 우선시하며 이를 통해 속도를 개선
3. 기본적으로 빠른 속도 (Fast by default) : Astro로 느린 웹 사이트를 기대하는 건 불가능할 것 (그만큼 속도에 자신이 있나 보네요...)
4. 간편한 사용성 (Easy to use) : Astro로 무언가를 빌드 하는데 전문가일 필요가 없음
5. 유연하면서도 풍부한 기능 제공 (Fully-geatured, but flexible) : 100개 이상의 다양한 옵션

 

 

Astro 성능 비교 (Astro 공식 홈페이지)

 

공식 홈페이지에서도 다른 웹 애플리케이션과의 성능 비교를 제공하고 있는데요. 어떤 기준으로 어떤 지표를 측정했는지는 따로 나와 있지 않은 것 같네요. 어쨌건 블로그 개설에 자주 사용되는 Gatsby나 WordPress 등의 프레임워크보다 우수한 성능을 보인다고 주장하고 있습니다.

 

 

해커 뉴스 개발자들의 의견

• (Astro를 포함한) 최신 프론트엔드 라이브러리의 SEO에 대한 집중이 당황스러움.
  공개적으로 색인을 생성해야 하는 스토어나 마켓 플레이스를 구축하는 경우에는 이해가 되지만, 대부분의 웹 애플리케이션에서 SEO는 랜딩 페이지에만 중요함
• Jekyll 사용하다가 아스트로로 갈아탐. Astro는 간단한 템플릿, 번들링, 즉시 사용 가능한 타입 스크립트, 테일 윈드 지원 등을 제공하기 때문에 매우 마음에 듦. 여러 UI 프레임워크 임베딩 등 훨씬 더 많은 작업을 수행할 수 있지만 아직 필요성은 느끼지 못함. 랜딩 페이지와 같은 간단한 작업에 적합한 프레임워크라고 생각함.
• 폰에서 Astro로 빌드 한 웹 사이트에 접속하면 이상하게 스크롤이 느림
• Astro 홈페이지는 과대광고로 가득 차 있고, Astro가 실제로 무엇인지 잘 모르겠음. npm으로 설치하는 것으로 보아 자바스크립트 기반인 것은 알겠는데, 브라우저 쪽에 초점을 맞춘 것 같지만 'all-in-one'이라고 소개하려면 서버 쪽에서도 무언가를 기대할 수 있는지 명시할 필요가 있음

 

 

제 생각에도 장점으로 소개되고 있는 기능의 종류들을 약간 확장해서 광고하는 것 같기도 하고, 언뜻 보기에는 static site generator에 중심이 있는 것 같아 보여 Astro에서 소개하는 'all-in-one'의 의미가 잘 와닿지는 않는 것 같네요. Next.js의 Multi-Page Application 버전이라고 해야 할까요...그래도 아직 개발 중이기도 하고, 많은 개발자들의 기대를 받고 있는 것 같아 조금 더 지켜보는 것이 좋을 것 같네요~