その他のレシピ

Astroプロジェクトに機能を追加するガイド付きの例をご覧ください。

公式レシピ

セクションタイトル： 公式レシピ

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

• ViteまたはRollupプラグインをインストールする

  プロジェクトにRollupプラグインを追加することでYAMLデータをインポートする方法を学びます。

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

• Call endpoints from the server

  Learn how to call endpoints from the server in Astro.

• AstroでBunを使う

  AstroサイトでのBunの使い方を紹介します。

• Captcha（キャプチャ）の検証

  APIルートを作成し、クライアントから取得する方法を学びます。

• DockerでAstroサイトを構築する

  Dockerを使ってAstroサイトを構築する方法を紹介します。

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

• Create a dev toolbar app

  Learn how to create a dev toolbar app for your 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.

• RSSフィードの追加

  AstroサイトにRSSフィードを追加して、ユーザーがコンテンツを購読できるようにします。

• アイランド間で状態を共有する

  Nano Storesを使用してフレームワークのコンポーネント間で状態を共有する方法を学びます。

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

コミュニティリソース

セクションタイトル： コミュニティリソース

• Astro Tips