コンテンツの執筆
Astroは、コンテンツ重視のサイト(ブログ、マーケティングサイト、ポートフォリオなど)に最適です。
Astroは、コンテンツの執筆と公開に役立ちます。Markdown/MDXを使ってAstroで直接ブログ記事を書いたり、ヘッドレスCMSからコンテンツを取得できます。Astroは、ページにレイアウトを追加したり、記事のインデックスを作成したり、RSSフィードを設定して読者に購読してもらえたり、コンテンツを中心にサイトを構築できます。
コンテンツの執筆
セクションタイトル: コンテンツの執筆Astroでは、さまざまな方法でコンテンツを執筆できます。:
- Markdownファイル(
.md
または代替拡張子)を使って、リッチテキストのコンテンツを簡単に記述できます。 - MDXファイル(
.mdx
)を使って、コンポーネントと動的な式をドキュメントに含めます。 - サードパーティのコンテンツマネジメントシステム(CMS)を使用して、コンテンツを
.astro
ページに取り込めます。 - その他のオプション(コンテンツの多い場合あまり使われない)として、
.astro
ファイルや.html
ファイルもあります。
Markdownの執筆
セクションタイトル: Markdownの執筆Markdownは、基本的なフォーマットとヘッダー、リストや画像などの一般的な要素でリッチテキストを書くために便利な構文です。Astroには、プロジェクト内のMarkdownファイルをサポートする機能が組み込まれています。
コードエディタで新しい.md
ファイルを作成して書いたり、お気に入りのMarkdownエディタで書かれた既存のファイルを取り込めます。StackEditやDillingerなどのオンラインMarkdownエディタでは、GitHubに保存されているAstroリポジトリと編集・同期できます。
📚 AstroでMarkdownコンテンツを書くについてもっと学ぶ。
MDXの執筆
セクションタイトル: MDXの執筆MDXインテグレーションをプロジェクトに追加すると、.mdx
ファイルを使用してコンテンツを記述できます。このファイル形式では、静的なAstroコンポーネントとインタラクティブなフレームワークコンポーネントの両方を含むカスタムコンポーネントやJavaScriptの式をMarkdownに含むことができます。バナーやインタラクティブなカルーセルなどのUI要素をテキスト内に追加して、コンテンツを本格的なウェブページにできます。
プロジェクトファイルと一緒に、コードエディタで.mdx
ファイルを直接、作成・編集することができます。
📚 AstroでMDXを使う (EN)についてもっと学ぶ。
ヘッドレスCMSの執筆
セクションタイトル: ヘッドレスCMSの執筆Storyblok、WordPress、Contentfulなど、既存のコンテンツ管理システム(CMS)でブログ記事を書けます。Storyblokなど一部のCMSは、公式のAstroインテグレーションを提供しています。また、Astro pagesがリモートコンテンツの取得に使用できるJavaScript SDKを提供しているものもあります。
コンテンツページの管理
セクションタイトル: コンテンツページの管理src/pages
ディレクトリにあるMarkdownとMDXファイルは、Astroのファイルベースルーティングを使って、記事ファイルのパスに対応するURLにページを自動生成します。
また、MarkdownやMDXファイルをsrc/pages
ディレクトリの外に置き、代わりにその内容を.astro
ページにインポートできます。
CMSでコンテンツを書いている場合、記事を取得して動的ルーティングを使用すると、1つの.astro
ファイルを使って、各記事のルートを生成できます。Astroのデフォルトの静的モードでは、これらのルートはビルド時に生成されます。SSRモードでは、実行時にリクエストに応答し、必要に応じてコンテンツを取得します。
コンテンツの紹介
セクションタイトル: コンテンツの紹介ブログのアーカイブやブログのタグごとのページなど、コンテンツを整理して表示するための共通機能を構築するために、AstroではMarkdownやMDXのfrontmatterからファイル名とメタデータを取得 (EN)し、これらを利用してページコンテンツやルートを生成できます。
コミュニティインテグレーション
セクションタイトル: コミュニティインテグレーション公式の@astrojs/mdx
(EN)インテグレーションに加えて、Astroプロジェクトでコンテンツを扱うためのサードパーティによるコミュニティインテグレーションが複数あります。