NamesMT/starter-monorepo

Vue・Nuxtフロントエンドと複数バックエンド(Hono・Convex)を備えたモノレポスターターテンプレート

テンプレート自由に使える · MITWeb・Next.js・フルスタックVue難易度
1920 保存
13フォーク9Issue
デモ・公式サイトをひらくstarter-monorepo.isthe.top

中辛 の解説

フロントエンド・複数バックエンド・共有ライブラリを統合して管理するモノレポのスターターテンプレートです。Turborepoを軸に、SSG対応のNuxt 4フロントエンド、サーバーレス対応のHonoバックエンド、リアルタイムAIチャット機能を担うConvexバックエンドで構成されています。認証(WorkOS AuthKit)・多言語対応(spreadsheet-i18n + AI自動翻訳)・UI設計システム(UnoCSS + shadcn-vue)・ESLint設定が用意されており、pnpm run devで全アプリが同時に開発できます。本番環境ではCloudflare・AWS・GitHub Pagesへのデプロイが想定されており、設定サンプルが提供されています。プロンプト付きのAIエージェント向け初期化ガイド(INIT_PROMPT.md)があり、モノレポの自動カスタマイズを支援します。

こんなリポジトリです

こんなときに便利です

  • チーム開発環境を迅速に構築したい際、複数フロントエンド・複数バックエンドの統合プロジェクトの基盤として使用
  • AI チャット機能を必要とする Web アプリケーションの開発
  • サーバーレス環境(Cloudflare・AWS Lambda)へのデプロイを視野に入れた本番アプリケーションのスターター

主な機能

モノレポ統合開発環境(Turborepo)と複数バックエンド対応AI チャット・認証・多言語対応・UI 設計システムのボイラープレートCloudflare・AWS Lambda・GitHub Pages へのデプロイプリセット

ほかとの違い

WorkOS 認証・Convex リアルタイムチャット・自動 AI 多言語翻訳・複数フロントエンドサンプル・AI エージェント用カスタマイズガイドを組み込んだモノレポスターターとして、即座に本番グレードのフルスタックアプリケーション開発を開始できます

このリポジトリの作り方

はじめてですか? むずかしくありません — 上から順にたどれば、自分の環境で動かして味見できます。

準備するもの

  • Node.js と pnpm
  • Convex 開発用の初期セットアップ(オプション)
  • Cloudflare Workers テスト用の環境変数とシークレット(オプション)

すぐに始める

  1. リポジトリをクローンします
git clone https://github.com/NamesMT/starter-monorepo.git
cd starter-monorepo
  1. 依存パッケージをインストールします
pnpm install
  1. 環境変数を設定します(Convexをスキップする場合)
cp .env.dev .env.dev.local
  1. Convexなしで開発サーバーを起動します
pnpm run dev:noConvex
  1. ブラウザで以下のURLにアクセスします
フロントエンド: 127.0.0.1:3300
セカンドフロントエンド: 127.0.0.1:3301

(オプション)Convexを含めた完全なセットアップの場合はpnpm run devを実行します

ギット飯トライで味見

入れるのが面倒で少し不安だったなら — 安全スキャンからインストールまで、ターミナル一行で終わります。

ターミナルに貼り付ければ、ギット飯の安全スキャン → 隔離フォルダへ clone → インストール → 実行方法の案内まで自動です。はじめてでも大丈夫 — この一行だけです。

npx gitbap-try NamesMT/starter-monorepo

Node.js さえあれば、インストールなしで動きます · ギット飯トライとは? →

スター推移 · 7日

1927日間の増加数を計算するための比較データが不足しています

確認日時

使いやすさ · まねしやすいか

まねしやすいサンプル評点 54/100
  • ゆるいライセンス
  • テストあり
  • サンプル集
  • 最近の更新
  • AGENTS.md
  • llms.txt
  • テンプレート

最近の更新あり · 2024 年に作成

「Web・Next.js・フルスタック」 こういうリポジトリを毎週受け取りませんか?

毎週月曜の朝、選んだ一膳だけ。広告なし · いつでも解除。

自分のリポジトリですか? README にギット飯バッジを貼る
[![깃밥](https://www.gitbap.com/badge/NamesMT/starter-monorepo.svg)](https://www.gitbap.com/r/NamesMT/starter-monorepo)
Claude からそのまま使う — ギット飯のつなぎ方

ギット飯を Claude につなぐと、こうしたリポジトリを Claude・Cursor・Codex から直接さがして試せます。

方法 ① コネクタ URL

Claude の設定 → コネクタにこのアドレスを貼り付け。

https://www.gitbap.com/api/mcp
方法 ② プラグイン(試用まで)

プラグインを入れると /gitbap-trending·/gitbap-try のスラッシュコマンドで、その場でリポジトリを試せます。Claude Code で下の 2 行を順に実行してください。

/plugin marketplace add jakeparkcolde/gitbap-cowork
/plugin install gitbap-cowork@gitbap
つなぎ方をくわしく →

AI が README をもとに要約しました · 原文を見る