このページの翻訳は LLM によって生成されています。誤りに気づいた場合は GitHub で issue を開いてお知らせください。

始め方

varshaはAstro上に構築されたプレミアムWebサイトスターターテンプレートです。このガイドでは、前提条件、インストール方法、ローカル開発サーバーの初回起動について説明します。

前提条件

varshaをインストールする前に、以下のツールが必要です：

Node.jsのバージョンを確認するには：

node --version

以下の方法から1つ選んで新しいvarshaプロジェクトを作成してください。

推奨: degit

degitはGit履歴を含まない最新のテンプレートをダウンロードし、クリーンな状態で始められます。

Git clone

コントリビュートする場合やGit履歴を保持したい場合はフルリポジトリをクローンします。

npm create

Astro CLIでvarshaテンプレートフラグを使用します。

npx degit yethikrishna/web-ui-template my-varsha-site
cd my-varsha-site
npm install

これにより、元のGit履歴を除いたvarshaスターターの新しいコピーを含むmy-varsha-siteディレクトリが作成されます。

git clone https://github.com/yethikrishna/web-ui-template.git my-varsha-site
cd my-varsha-site
npm install

Gitでクローンした場合は、コミットする前に既存のリモートを削除して自分のリモートを追加することを検討してください：

git remote remove origin
git remote add origin https://github.com/your-username/your-repo.git

npm create astro@latest -- --template yethikrishna/web-ui-template my-varsha-site
cd my-varsha-site
npm install

ローカル開発サーバーを起動します：

npm run dev

デフォルトでは、varshaはhttp://localhost:4321で実行されます。ブラウザでこのURLを開くとサイトが表示されます。

開発サーバーは以下をサポートしています：

ホットモジュールリプレースメント（HMR）： .astro、.mdx、.css、.tsファイルの変更はフルページリロードなしで即座に反映されます。
ローカルネットワークアクセス： --hostを追加するとローカルネットワーク上で公開されます：npm run dev -- --host。

varshaには以下のnpmスクリプトが標準で用意されています：

スクリプト	コマンド	目的
`dev`	`npm run dev`	ローカル開発サーバーを起動
`build`	`npm run build`	プロダクションビルドを`./dist/`に生成
`preview`	`npm run preview`	デプロイ前にプロダクションビルドをローカルでプレビュー
`astro`	`npx astro`	Astro CLIコマンドを直接実行

npm run devを実行した後、以下が表示されることを確認してください：

3つのページすべてが読み込まれれば、インストールは正常に完了しています。

クイックスタート

5分で最初のカスタムページを作成してデプロイします。

プロジェクト構造

varshaプロジェクトの構成方法を理解します。

ドキュメント： ここにいます。サイドバーですべての機能のガイドを参照してください。
GitHub Issues： github.com/yethikrishna/web-ui-template/issuesでバグ報告や機能リクエストができます。
Instagram： @yethikrishnarで最新情報や事例をフォローしてください。