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

varsha ドキュメント

美しく高速なプロダクション品質のウェブサイトを数分で公開。varshaは洗練されたマーケティングサイト、ドキュメント、ブログ、デザインシステムを標準で提供します。

varshaはmyndlabs.techによるAstroベースのプレミアムWebサイトスターターテンプレートです。デザイン、アクセシビリティ、インフラに何週間も費やすことなく、プロダクション品質のマーケティングサイトを構築したいファウンダー、インディーハッカー、チーム向けに設計されています。

デフォルトで美しい

18以上のビルトインテーマ(Tokyo Night、Catppuccin、Nord、Dracula、Gruvboxなど)、洗練されたタイポグラフィ、プレミアムなコンポーネントパターンを備えた慎重に作り込まれたデザインシステム。

ドキュメントとブログを標準搭載

全文検索、バージョニング、i18n(英語、日本語、簡体字中国語)を備えたStarlightドキュメント。MDXをサポートしたコンテンツコレクションベースのブログ。

ゼロコンフィグデプロイ

Vercel、Netlify、Cloudflare Pagesを第一線でサポート。サイトマップ、OG画像、SEOメタデータ、robots.txtが標準で動作します。

エージェントフレンドリー

AIコーディングアシスタント(TRAE、Cursor、Copilot)がプロジェクトの構造、規約、コンポーネントを初日から理解できるようにする専用のエージェントスキルファイルが付属。

始め方

スターターをインストールし、環境をセットアップし、最初の開発サーバーを起動します。

インストール →

プロジェクト構造

ディレクトリレイアウト、主要な設定ファイル、コンテンツの配置場所を理解します。

プロジェクト構造 →

ページとレイアウト

新しいページを作成し、MarketingLayoutを使用し、再利用可能なUIセクションを構成します。

ページとレイアウト →

カスタマイズ

サイトをブランディング — カラー、タイポグラフィ、メタデータ、サイト設定を変更します。

カスタマイズ →

デザインシステム

varshaを支えるデザイン原則、トークン、コンポーネント哲学を学びます。

デザインシステム →

コンテンツとブログ

MarkdownとMDXでコンテンツを作成し、コレクションを管理し、ブログ記事を公開します。

コンテンツとブログ →

デプロイ

Vercel、Netlify、Cloudflare Pages、または任意の静的ホストに自信を持ってデプロイします。

デプロイ →

SEOとメタデータ

Open Graphタグ、構造化データ、サイトマップ、robotsを設定して検索可視性を高めます。

SEOとメタデータ →

コンポーネント

すべてのビルトインコンポーネントの完全リファレンス — BuiltWith、ヒーローカード、フィーチャーグリッドなど。

コンポーネント →

CSSトークン

完全なデザイントークンシステム — カラー、タイポグラフィ、スペーシング、角丸、シャドウ。

CSSトークン →

インテグレーション

付属のAstroインテグレーション:Starlight、sitemap、Vercelアダプター、アナリティクスなど。

インテグレーション →

varshaはオープンソースで無料で使用できます。サイトのフッターとコーナーに表示される「Built with varsha by myndlabs」のクレジットリンクを維持していただくようお願いいたします。この帰属表示はスターターの継続的な開発をサポートします。詳細はカスタマイズガイドの帰属表示に関するセクションをご覧ください。