Astroチートシート

このチートシートは、Astroで作業する開発者向けのクイックリファレンスです。次のプロジェクトで役立ててください！

基本コマンド

• npm create astro@latest — 新しいAstroプロジェクトを作成
• npm run dev — 開発サーバーを起動
• npm run build — プロダクション用にビルド
• npm run preview — プロダクションビルドをプレビュー

ファイル構造

• src/pages/ — ページルート
• src/components/ — 再利用可能なUIコンポーネント
• src/layouts/ — レイアウトコンポーネント
• src/content/ — Markdownコンテンツ

便利な構文

• コンポーネントをインポート:

  ---
  import MyComponent from '../components/MyComponent.astro';
  ---

• レイアウトを使用:

  ---
  import Layout from '../layouts/Layout.astro';
  ---
  <Layout>
    <h1>こんにちは、世界！</h1>
  </Layout>

ベストプラクティス

• アクセシビリティのためにセマンティックHTMLを使用
• コンポーネントは小さく再利用可能に保つ
• コンテンツを言語とカテゴリで整理

Astroでのコーディングを楽しんでください！