Больше рецептов

Посмотрите пошаговые примеры по добавлению функций в ваш проект Astro.

Официальные рецепты

• Share State Between Islands

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

• Add an RSS feed

  Add an RSS feed to your Astro site to let users subscribe to your content.

• 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

• Use Bun with Astro

  Learn how to use Bun with your Astro site.

• 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.

• Add Reading Time

  Build a remark plugin to add reading time to your Markdown or MDX files.

• 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

Ресурсы сообщества

Добавьте свой собственный рецепт! Посмотрите наше руководство по созданию рецептов для получения дополнительной информации.

• Добавление аутентификации с помощью Prisma и Planetscale
• Использование динамического имени файла при импорте изображений
• Добавление анимированных переходов между страницами с помощью Swup
• Использование UnoCSS в Astro
• Постройте оглавление из заголовков Markdown в Astro.
• Создание плагина Remark для удаления обрывков в ваших файлах Markdown
• Добавление поиска на ваш сайт с помощью Pagefind
• Получение работающих с Astro VSCode, ESLint & Prettier
• Улучшите ваши сборки Astro: изменение файлов HTML после сборки
• Добавление темной темы в Astro с помощью Tailwind CSS
• Генерация локализованных карт сайта для проекта Astro и Storyblok