더 많은 레시피

Astro 프로젝트에 기능을 추가하는 방법에 대한 안내 예시를 확인하세요.

공식 레시피

섹션 제목: 공식 레시피

• 아일랜드 간 상태 공유

  Nano Store를 사용하여 프레임워크 컴포넌트 전체에서 상태를 공유하는 방법을 알아보세요.

• RSS 피드 추가하기

  사용자가 콘텐츠를 구독할 수 있도록 Astro 사이트에 RSS 피드를 추가하기.

• Installing a Vite or Rollup plugin

  Learn how you can import YAML data by adding a Rollup plugin to your project.

• Build a custom image component

  Learn how to build a custom image component that supports media queries using the getImage function.

• Build forms with API routes

  Learn how to use JavaScript to send form submissions to an API Route.

• Build HTML forms in Astro pages

  Learn how to build HTML forms and handle submissions in your frontmatter.

• Astro에서 Bun 사용하기

  Astro로 만든 사이트에서 Bun을 사용하는 방법을 배워보세요.

• Call endpoints from the server

  Learn how to call endpoints from the server in Astro.

• Verify a Captcha

  Learn how to create an API route and fetch it from the client.

• Build your Astro Site with Docker

  Learn how to build your Astro site using Docker.

• Dynamically import images

  Learn how to dynamically import images using Vite's import.meta.glob function.

• Add icons to external links

  Learn how to install a rehype plugin to add icons to external links in your Markdown files.

• Add i18n features

  Use dynamic routing and content collections to add internationalization support to your Astro site.

• Add last modified time

  Build a remark plugin to add the last modified time to your Markdown and MDX.

• 읽기 시간 추가

  마크다운 및 MDX 파일에 읽기 시간을 추가하기 위해 remark 플러그인을 구축합니다.

• Share state between Astro Components

  Learn how to share state across Astro components with Nano Stores.

• Using streaming to improve page performance

  Learn how to use streaming to improve page performance.

• Style rendered Markdown with Tailwind Typography

  Learn how to use @tailwind/typography to style your rendered Markdown.

커뮤니티 자료

섹션 제목: 커뮤니티 자료

여기에 나만의 것을 추가하세요! 자세한 내용은 레시피 기여 안내서를 참조하세요.

• 이미지를 가져올 때 동적 파일 이름을 사용
• Swup으로 애니메이션 페이지 전환 추가
• Astro에서 UnoCSS 사용
• Astro의 Markdown 제목으로 목차 작성
• Markdown 파일에서 런트를 제거하는 Remark 플러그인 만들기
• Pagefind로 사이트에 검색 기능 추가
• Fuse.js를 사용하여 사이트에 검색 기능 추가
• Astro와 함께 작동하는 VSCode, ESLint 및 Prettier 설정
• Astro 빌드 향상: 빌드 후 HTML 파일 수정
• Tailwind CSS를 사용하여 Astro에 다크 모드 추가
• Astro 및 Storyblok 프로젝트를 위한 현지화된 사이트맵 생성
• Astro 및 Tailwind CSS와 Prettier 통합
• Storyblok의 스토리를 사용하여 Astro에 RSS 피드 추가
• Astro에서 tRPC 사용
• Crowdin을 사용하여 Astro 웹사이트에 다국어를 지원하는 방법: Astro 현지화 안내서
• Astro RSS 피드에 블로그 게시물 이미지 추가
• Astro로 마이크로 프런트엔드 설정
• Lucia로 사용자 이름 및 비밀번호 인증 추가
• Lucia로 Github OAuth 추가
• Sentry를 Astro와 통합
• 구성 기반 콘텐츠 작성을 통해 Astro에서 효과적으로 초안 페이지 설정
• RSS 피드에 데이터를 보내는 방법은 무엇입니까? Astro + RSS 안내서