Vue・Nuxtフロントエンドと複数バックエンド(Hono・Convex)を備えたモノレポスターターテンプレート
中辛 の解説
フロントエンド・複数バックエンド・共有ライブラリを統合して管理するモノレポのスターターテンプレートです。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)へのデプロイを視野に入れた本番アプリケーションのスターター
主な機能
ほかとの違い
WorkOS 認証・Convex リアルタイムチャット・自動 AI 多言語翻訳・複数フロントエンドサンプル・AI エージェント用カスタマイズガイドを組み込んだモノレポスターターとして、即座に本番グレードのフルスタックアプリケーション開発を開始できます
このリポジトリの作り方
はじめてですか? むずかしくありません — 上から順にたどれば、自分の環境で動かして味見できます。
準備するもの
- Node.js と pnpm
- Convex 開発用の初期セットアップ(オプション)
- Cloudflare Workers テスト用の環境変数とシークレット(オプション)
すぐに始める
- リポジトリをクローンします
git clone https://github.com/NamesMT/starter-monorepo.git
cd starter-monorepo
- 依存パッケージをインストールします
pnpm install
- 環境変数を設定します(Convexをスキップする場合)
cp .env.dev .env.dev.local
- Convexなしで開発サーバーを起動します
pnpm run dev:noConvex
- ブラウザで以下の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日
確認日時
使いやすさ · まねしやすいか
- ゆるいライセンス
- テストあり
- サンプル集
- 最近の更新
- AGENTS.md
- llms.txt
- テンプレート
最近の更新あり · 2024 年に作成
「Web・Next.js・フルスタック」 こういうリポジトリを毎週受け取りませんか?
毎週月曜の朝、選んだ一膳だけ。広告なし · いつでも解除。
自分のリポジトリですか? README にギット飯バッジを貼る
[](https://www.gitbap.com/r/NamesMT/starter-monorepo)Claude からそのまま使う — ギット飯のつなぎ方
ギット飯を Claude につなぐと、こうしたリポジトリを Claude・Cursor・Codex から直接さがして試せます。
Claude の設定 → コネクタにこのアドレスを貼り付け。
https://www.gitbap.com/api/mcpプラグインを入れると /gitbap-trending·/gitbap-try のスラッシュコマンドで、その場でリポジトリを試せます。Claude Code で下の 2 行を順に実行してください。
/plugin marketplace add jakeparkcolde/gitbap-cowork/plugin install gitbap-cowork@gitbapAI が README をもとに要約しました · 原文を見る