astro theme stone

石：アストロのテーマ

Stoneは、ビジネス、マーケティング、SaaS、スタートアップのWebサイト向けに特別に設計された無料のオープンソースのアストロテーマです。

主な機能：

• Tailwind CSS＆Alpine.jsで構築されています
• 5ページ以上
• 15以上のセクション
• クリーンでモダンなデザイン
• 完全に応答します
• ダーク＆ライトモード
• 高速＆パフォーマンス
• 超軽量
• 遷移を表示（実験）
• きれいなコードフォーマッタ
• Googleフォント
• リミックスアイコン
• 無料アップデート

はじめる

要件

• Astro、HTML、CSSの基本的な知識。
• テキストエディター（ビジュアルスタジオコードをお勧めします）
• node.js 18以降。

依存関係をインストールします

プロジェクトフォルダーに移動し、その依存関係をインストールします。

 npm install

始める

インストールが完了したら、アプリを実行できます。

 npm run dev

これにより、開発モードでアプリが実行されます。 http：// localhost：3000を開いて、ブラウザで表示します。

建てる

 npm run build

これにより、 ./dist/フォルダーへの生産用アプリが構築されます。

プロジェクト構造

プロジェクト内には、次のフォルダーとファイルが表示されます。

 /
├── public/
├── src/
│   ├── components/
│   ├── layouts/
│   └── pages/
├── .prettierrc
├── astro.config.mjs
├── package-lock.json
├── package.json
├── README.md
├── tailwind.config.cjs
└── tsconfig.json

• public/* - 静的資産（画像、フォント、アイコンなど...）
• src/* - プロジェクトソースコード（コンポーネント、ページ、...）
• src/components/* - ページの構築に使用される再利用可能なアストロコンポーネント。
• src/layouts/* - 1つ以上のページで共有されるUI構造を定義するAstroコンポーネント。
• src/pages/* - アストロコンポーネントは、サイトに新しいページを作成するために使用されます。各ページは、ファイル名に基づいてルートとして公開されます。
• .prettierrcきれいな構成ファイル。
• astro.config.mjsアストロ構成ファイル。
• package.json javaScriptパッケージマネージャーが依存関係を管理するために使用するファイル。また、アストロを実行するために一般的に使用されるスクリプトも定義します。
• tailwind.config.cjs -tailwind構成ファイル。テーマセクションは、カラーパレットとフォントを定義する場所です。
• tsconfig.jsonタイプスクリプト構成ファイル。

展開

サイトを構築して展開する準備はできましたか？公式のドキュメントに従ってください。

サポート

ご質問や提案がある場合は、私に連絡することをheしないでください。

ライセンス

このプロジェクトは、MITライセンスの条件に基づいてライセンスされています。