はじめに

Astroは、コンテンツにフォーカスした高速なWebサイトを構築するためのオールインワンWebフレームワークです。

  • コンポーネントアイランド: 高速なウェブサイトを構築するための新しいウェブアーキテクチャー。
  • サーバーファーストのAPI設計: ユーザーのデバイスから高コストのハイドレーションをなくします。
  • デフォルトでゼロJS: サイトを遅くするJavaScriptランタイムオーバーヘッドはありません。
  • エッジ対応: DenoやCloudflareのようなグローバルなエッジを含め、どこでもデプロイできます。
  • カスタマイズ可能: Tailwind、MDX、その他100以上のインテグレーションから選択可能です。
  • 特定のUIに依存しない: React、Preact、Svelte、Vue、Solid、Litなどをサポートします。

Astroの特徴については、Astroを選ぶ理由の詳細な説明をご覧ください。✨

astro.newにアクセスし、さまざまなテンプレートから選んで始めましょう。ブラウザでAstroの完全版を使って遊んでみてください。

最初のプロジェクトを始める

Section titled 最初のプロジェクトを始める

便利なcreate-astroCLIウィザードを使って、新しいAstroプロジェクトをローカルに立ち上げて実行しましょう!

# npmで新しいプロジェクトを作成する
npm create astro@latest

インストールガイドには、お気に入りのパッケージマネージャーでAstroをインストールするための完全な手順が記載されています。

Astroサイトの主要なコンセプトとパターンの例をご覧ください。

📚 サイトに最初のページを追加する

📚 ディレクトリ構成についてもっと読む。

📚 Astroのファイルベースのルーティングについて詳しく学ぶ。

……完全なAPIドキュメントはリファレンスタブの下にあります。

🧰 次のプロジェクトは、組み込み済みテーマで始めましょう。

🧰 公式やコミュニティのプラグインとコンポーネントを使ってサイトをカスタマイズする。

🧰 サイトショーケースを見て、インスピレーションを得る。

……インテグレーションの使い方ガイドをご覧ください。

コミュニティに参加する

Section titled コミュニティに参加する

活発でフレンドリーなコミュニティ、Astro Discordにぜひ参加してください。コミュニティと情報共有したり、コミュニティから力を借りられます!

💬 #introduce-yourself チャンネルで挨拶する。

💬 サポートチームに #support-threads チャンネルで質問する。

💬 #showcase チャンネルであなたの作ったものをシェアする。

Astroブログ

Astro更新履歴

Astroアップグレードガイド

このドキュメントは、これらの協力者によって提供されています。 GitHubで参加