コミュニティ製教材
Astroについて学び、プロジェクトを作成するためのリソースは豊富にあります。以下はAstroコミュニティによって作成・維持されている教材です。
すべてのリンクは外部サイトに向けられており、Astroの以前のバージョンに基づいている可能性があります。コミュニティのコンテンツを使用する際には、公開日を確認し、プロジェクトの要件に応じて適宜調整することをお勧めします。
Astroの教材についてもっと知りたい場合は、Astroブログにアクセスするか、公式Astroニュースレターに登録してください。毎月、コミュニティのベストコンテンツを振り返ります。
コースとチュートリアル
セクションタイトル: コースとチュートリアルコースとチュートリアルは、新しい概念を教えることに重点を置いており、通常、演習やサンプルプロジェクトが含まれています。これらは新しい概念を学ぶための素晴らしい方法であり、Astroプロジェクトに取り組むために必要なツールを提供してくれます。
以下のコースとチュートリアルをチェックして、Astroについてもっと学びましょう。
入門チュートリアル
セクションタイトル: 入門チュートリアル- Astro Web Framework Crash Course freeCodeCamp
- Astro Crash Course in 20 minutes Chris Pennington(完全版有料コース:Learn Astro)
- Astro 3.0 Crash Course James Q Quick(完全版有料コース:Build Modern Websites with Astro)
- Astro Crash Course in 60 minutes @developedbyed
- Understanding Astro(電子書籍) Ohans Emmanuel
- The Valley of Code - Astro Flavio Copes
動画チュートリアル
セクションタイトル: 動画チュートリアル- Astro Quick Start Course: Build an SSR Blog
- How I created a movie application with Astro 3.x
- You may not ACTUALLY understand Content Collections…
- Build a custom blog platform with Astro and Apprwrite
- Astro JS Portfolio Crash Course
- Build a full stack blog with Astro
レシピとガイド
セクションタイトル: レシピとガイドコミュニティメンバーによって投稿された、Astroプロジェクトに機能を追加するガイド付きの例をご覧ください!
Astroレシピは、特定のタスクの動作例を完成させるまで読者を案内する、短く焦点を絞ったハウツーガイドです。レシピは、ステップバイステップの指示に従いAstroプロジェクトに新しい機能や動作を追加するのに最適な方法です!
その他のガイドでは、画像の使用やMDXの処理など、コンテンツ領域に関連する概念を説明することがあります。
Astroのレシピを書きましたか?このページを編集して、適切なセクションにリンクを追加してください!
- Use a dynamic filename when importing images
- Add an RSS feed to Astro using Storyblok’s stories
- How to Send Any Data to Your RSS Feed? A Guide with Astro + RSS
- RSSフィードのコンテンツ追加とAstroでのMarkdown画像パスの修正
エディターツール
セクションタイトル: エディターツールMarkdown
セクションタイトル: Markdown- Build a table of contents from Astro’s Markdown headings
- Create a Remark plugin to remove runts from your Markdown files
- Set Up Draft Pages Effectively in Astro with Config-Driven Content Authoring
パフォーマンス
セクションタイトル: パフォーマンス- Enhance your Astro builds: modify HTML files post-build
- Setting up micro-frontends with Astro
- How to Implement Incremental Static Regeneration (ISR) in Astro
ユーティリティ
セクションタイトル: ユーティリティ- Using tRPC in Astro
- Integrating Sentry with Astro
- Generate localized sitemaps for your Astro and Storyblok project
- Add searching to your site with Pagefind
- Add searching to your site with Fuse.js
- Add a comments section to your Astro blog using Giscus
国際化とローカライズ
セクションタイトル: 国際化とローカライズ- How to make your Astro website multilingual with Crowdin: Astro localization guide
- Translate routes in Astro for content collections and subpages