mcpField
S
Supabase Todo App

Supabase Todo App

ローカル
github.com/umrzoq-toshkentov生産性081 週間前に更新
リポジトリ

Supabase Todo App について

Supabase Todo Appは、React、TypeScript、Supabaseで構築されたフルスタックのToDoアプリです。アカウント認証とToDo管理に対応し、保護されたルートやReact Queryによる更新機能を備えています。

主な機能

  1. 01登録、ログイン、ログアウト
  2. 02保護されたアプリルート
  3. 03ToDoの作成、取得、更新、削除
  4. 04React Queryによる更新
  5. 05レスポンシブなMaterial UIデザイン

活用シーン

  1. 01アカウントを使った個人のToDo管理
  2. 02認証を経たToDoページへのアクセス
#supabase#todo-app#full-stack

設定

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

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

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

リポジトリ

ツール

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

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

詳細

Supabase Todo アプリ

以下を使用して構築されたフルスタックの Todo アプリケーションです。

  • React
  • TypeScript
  • Material UI
  • React Query
  • Supabase（認証とデータベース）
  • React Router

機能

  • ユーザー認証（サインアップ、サインイン、サインアウト）
  • 保護されたルート
  • Todo の作成、読み取り、更新、削除
  • React Query を使用したリアルタイム更新
  • レスポンシブな Material UI デザイン

はじめに

前提条件
  • Node.js（v16 以降を推奨）
  • npm または yarn
インストール
  1. リポジトリをクローンします。
git clone https://github.com/yourusername/supabase-todo-app.git
cd supabase-todo-app
  1. 依存関係をインストールします。
npm install
  1. 開発サーバーを起動します。
npm run dev
  1. ブラウザーを開き、次の URL にアクセスします。
http://localhost:5173

プロジェクト構成

src/
├── components/    # UI components
├── context/       # React context providers
├── hooks/         # Custom React hooks
├── services/      # API and service functions
├── types/         # TypeScript type definitions
└── App.tsx        # Main application component

ライセンス

このプロジェクトは MIT ライセンスの下でライセンスされています。

コメント

Markdown 対応

MCP は初めてですか？

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

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