Tag: Astro

Astro 정적 블로그에 검색 기능을 붙일 때 Pagefind를 쓰면 어떤 점이 좋은지, 색인 생성과 배포 흐름에서 무엇을 확인해야 하는지 정리한다.

• Astro
• Pagefind
• Search
• Static Site
• +1

Astro Content Collections에서 frontmatter를 어떻게 정리해야 글 목록, 태그, 카테고리, SEO가 덜 꼬이는지 실제 운영 관점으로 정리한다.

• Astro
• Content Collections
• Frontmatter
• Tech Blog
• +1

Astro 블로그에서 글마다 OG 이미지를 생성하면 글이 늘어날수록 빌드 시간이 길어진다. 매번 새로 만들 필요 없는 PNG를 캐시하고, 새 글이나 변경된 글만 다시 생성하는 방식으로 빌드를 줄이는 사고방식을 정리한다.

• Astro
• OpenGraph
• Build Cache
• GitHub Actions
• +2

Astro와 MDX를 활용하여 고성능 기술 블로그를 구축하는 첫 번째 단계로, 개발 환경 설정 및 프로젝트 초기화 방법을 다룬다.

• Embedded
• TechLog
• Astro
• MDX
• +2

Tailwind CSS v4를 사용하여 AstroPaper 테마의 본문 너비를 확장하고, 대형 모니터에서만 노출되는 우측 사이드바 광고 영역을 추가하는 방법을 정리합니다.

• Astro
• TailwindCSS
• WebDev
• UI/UX