AstroGlassを始めよう

AstroGlassテンプレートへようこそ！このガイドでは、開発環境のセットアップと、ニーズに合わせてテンプレートをカスタマイズする手順を説明します。

前提条件

始める前に、以下がインストールされていることを確認してください：

💡

プロのヒント

より高速でディスク効率の良いパッケージ管理のために、pnpmの使用を推奨します。

まず、テンプレートリポジトリをローカルマシンにクローンします：

git clone https://github.com/kamsqee/astroglass.git my-project
cd my-project

お好みのパッケージマネージャーを使用して、プロジェクトの依存関係をインストールします：

pnpm install

npm install

yarn install

開発用サーバーを実行して、テンプレートの動作を確認します：

pnpm dev

npm run dev

yarn dev

これで、あなたのサイトが http://localhost:4321 で実行されているはずです 🎉

プロジェクトのフォルダ構造の概要は以下の通りです：

テンプレートには、すぐに使える6つの美しいテーマが用意されています：

テーマを切り替えるには、ヘッダーのテーマスイッチャーに移動するか、テーマのデモページ（例：/liquid、/glass、/aurora）に直接アクセスするだけです。

開発環境のセットアップが完了しました：

ℹ️

ヘルプが必要ですか？

問題が発生した場合は、フォーム & バリデーションガイドを確認するか、issueを作成してください。