mcpField
N
Next.js Fullstack Starter Project

Next.js Fullstack Starter Project

ローカル
github.com/Webbify-Helpdesk開発ツール078 週間前に更新
リポジトリ

Next.js Fullstack Starter Project について

フルスタックアプリを開発する人向けの、Next.js App Router のスタータープロジェクトです。TypeScript、Tailwind CSS、Shadcn UI、認証、Supabase のバックエンド、Sentry によるエラー報告を備えています。MCP 機能については入力に記載がありません。

主な機能

  1. 01Next.js App Router の構成
  2. 02TypeScript と Tailwind CSS
  3. 03ダークモード対応の Shadcn UI
  4. 04Clerk 認証
  5. 05Supabase のバックエンドとデータベース
  6. 06Sentry によるエラー報告

活用シーン

  1. 01Next.js のフルスタックアプリの開始
  2. 02認証と Supabase を使うアプリの構築
  3. 03プロジェクトへのエラー報告の追加
#nextjs#fullstack#starter-project

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

インストール方法は未掲載です

このサーバーのパッケージやリモートエンドポイントはまだ取得できていません。プロジェクトの README の手順に従ってください。

リポジトリ

ツール

ツール一覧はまだ取得されていません

ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。

詳細

Next.js フルスタック スタータープロジェクト

Next.js（App Router）用のスタータープロジェクトです。以下が含まれています。

  • TypeScript
  • Tailwind CSS
  • Shadcn UI（next-themes によるダークモード対応）
  • Clerk（認証）
  • Supabase（バックエンド／データベース）
  • Sentry（エラー報告）

はじめに

  1. リポジトリをクローンする（該当する場合）、またはこのフォルダーを使用します。
  2. 依存関係をインストールします。 
    npm install
  3. 環境変数を設定します。
    • .env.example の名前を .env.local に変更します。
    • Supabase、Clerk、Sentry に必要な値を .env.local に入力します。手順については .env.example のコメントを参照してください。
  4. 開発サーバーを起動します。 
    npm run dev
  5. ブラウザーで http://localhost:3000 を開きます。

環境変数

以下の環境変数が必要です（.env.example を参照してください）。

  • NEXT_PUBLIC_SUPABASE_URL
  • NEXT_PUBLIC_SUPABASE_ANON_KEY
  • NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY
  • CLERK_SECRET_KEY
  • SENTRY_DSN
  • SENTRY_AUTH_TOKEN（ビルド時のソースマップのアップロードに必要）

コメント

Markdown 対応

MCP は初めてですか？

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。