mcpField
N
nextjs-supabase

nextjs-supabase

github.com/rebyteai-template開発1770 回インストール19 週間前に更新
リポジトリ

nextjs-supabase について

フルスタックプロジェクトを始める開発者向けのNext.jsとSupabaseのアプリテンプレートです。環境設定、依存関係の導入、ビルドと開発用コマンドを案内します。

主な機能

  1. 01Next.jsとSupabaseの構成
  2. 02npmによる依存関係の導入
  3. 03.env.localでSupabase認証情報を設定
  4. 04ビルドと開発用コマンド

活用シーン

  1. 01Next.jsアプリの開始
  2. 02アプリとSupabaseの接続
  3. 03テンプレートのローカルビルドと実行

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/rebyteai-template/rebyte-skills --skill nextjs-supabase

インストール後、Claude Code で/nextjs-supabaseを入力して読み込まれたか確認します。

詳細

Next.js + Supabase

Supabase バックエンドを備えたフルスタックアプリケーションです。

技術スタック

  • フレームワーク：Next.js
  • データベース：Supabase
  • パッケージマネージャー：npm

セットアップ

1. テンプレートをクローンする
git clone --depth 1 https://github.com/Eng0AI/nextjs-supabase-template.git .

ディレクトリが空でない場合：

git clone --depth 1 https://github.com/Eng0AI/nextjs-supabase-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template
2. Git の履歴を削除する（任意）
rm -rf .git
git init
3. 依存関係をインストールする
npm install
4. 環境をセットアップする

.env.local で Supabase の認証情報を設定します。

ビルド

npm run build

開発

npm run dev

コメント

Markdown 対応