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

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

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

• Установка Vite или Rollup плагинов

  Узнайте, как вы можете импортировать данные YAML путём добавления плагина Rollup в свой проект.

• Analyze bundle size

  Learn how to analyze the bundle generated by Astro using `rollup-plugin-visualizer`.

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

• Проверка Captcha

  Узнайте, как создать маршрут API и получить его от клиента.

• Customize file names in the build output

  Learn how to change the default naming pattern for your built assets like JavaScript, CSS, and images in Astro using Vite's Rollup options.

• Вызов эндпоинтов с сервера

  Узнайте, как вызывать эндпоинты с сервера в Astro.

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

• Добавление иконок к внешним ссылкам

  Узнайте, как установить плагин rehype для добавления иконок к внешним ссылкам в ваших файлах Markdown.

• Реализация функций i18n

  Используйте динамическую маршрутизацию и коллекции контента для создания многоязычного сайта на Astro.

• Create a dev toolbar app

  Learn how to create a dev toolbar app for your site.

• Добавьте время последнего изменения

  Создайте плагин remark, чтобы добавить время последнего изменения к своим Markdown и MDX.

• Add reading time

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

• Add an RSS feed

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

• Share state between Astro components

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

• Share state between islands

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

• Style rendered Markdown with Tailwind Typography

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

• Using streaming to improve page performance

  Learn how to use streaming to improve page performance.

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

• Astro Tips