작성해보는 목적
- 한번 뭐가 있는지 훑어보기
핵심 요소들
- Astro v4 Fast 🚀
- 아스트로, 웹 프레임워크
- TailwindCSS Utility classes
- 사이트 꾸밀 때 쓰는 것
- Accessible, semantic HTML markup
- 접근성, 의미에 따라 잘 정리된 HTML 마크업
- Responsive & SEO-friendly
- SEO, Search Engine Optimization, 검색 엔진 최적화 고려함
- Responsive, 반응형 웹
- Dark / Light mode, using Tailwind and CSS variables
- TailwindCSS 사용해서 다크모드 구현됨.
- Astro Assets Integration for optimised images
- 이미지 최적화를 지원하는 Astro 내장 Image 컴포넌트
- 근데 이거 링크가 이미지를 다루는 부분에 대한 문서로 리다이렉트됨.
- MD & MDX posts
- 마크다운 및 MDX 지원
- Satori for creating open graph png images
- open graph 이미지를 생성해주는 vercel/Satori
- Pagination
- 글 목록을 나눠서 보여주는 것, 페이지 단위로 보여줌.
- Automatic RSS feed
- 자동 RSS 피드 생성
- Webmentions
- 글에 대한 반응을 모아서 보여주는 것
- Expressive Code source code and syntax highlighter
- 코드 이쁘게 보여주는 것
- Auto-generated sitemap
- Pagefind static search library integration
- Astro Icon svg icon component
- 아이콘 불러올 수 있는 컴포넌트
바꾼 것
- 상대 경로 수정