About

このスターターキットは Astro、Tailwind CSS、TypeScript で構築されています。
実際のプロジェクトでよく使う UI コンポーネントを実用的なキットとしてまとめてあります。
コーディングを練習したい方、プロトタイプを作りたい方、ポートフォリオの土台を作りたい方の助けになります。
TypeScript 対応なので、プロジェクトが成長しても拡張・メンテナンスしやすい構成です。

次のプロジェクトをこの Astro スターターキットで加速させましょう!

このテンプレートに含まれるもの:

  • Astro プロジェクト一式(Vite + Tailwind v4 + TypeScript)
  • 以下の UI コンポーネントを実装済み:
    • アコーディオン
    • パンくずリスト
    • ドロップダウンメニュー
    • 最新記事一覧
    • ライトボックス
    • ローディング
    • モーダル
    • トップへ戻るボタン
    • スライダー(Embla)
    • シェアボタン
    • タブ
  • 多言語対応(i18n)
  • ダークモード
  • ESLint / Prettier
  • 完全な静的検索(astro-pagefind)
  • OGP / Twitter Card
  • ページネーション
  • 記事ナビゲーション(前後の記事リンク)
  • README(インストール手順)
  • シンプルなアイコンシステム(Astro Icon)
  • XML サイトマップ(Astro Sitemap)

こんな方におすすめ:

  • Astro、Tailwind CSS、TypeScript を扱う初〜中級の開発者
  • コーディングスキルを練習したい方
  • プロトタイプやポートフォリオのしっかりした土台が欲しい方
  • 軽量でカスタマイズしやすいスターターキットを探している方

技術面のハイライト:

  • Pagefind をカスタマイズし、検索結果を専用ページに表示するため SEO と UX が向上
  • 環境別に BASE_URL を切り替え可能 — サブディレクトリ配下のデプロイでも安心
  • すぐ使える UI コンポーネント(スライダー、モーダル、アコーディオン等)を Tailwind CSS で提供
  • ESLint / Prettier / TypeScript が初期設定済みで、最初からきれいなコードを書ける
  • ブログ記事は .md と .mdx のどちらでも作成可能
  • 多言語化(i18n)の仕組みを完備、新規言語追加が低コスト