mcpField
A
astro-supabase-netlify

astro-supabase-netlify

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

astro-supabase-netlify について

astro-supabase-netlifyは、Supabaseを組み込んだAstroのスターターテンプレートです。これらの技術でサイトを開発・デプロイする開発者向けに、環境設定とNetlifyへのデプロイ手順を含みます。

主な機能

  1. 01AstroとSupabaseの連携
  2. 02.envでのSupabase認証情報設定
  3. 03npmのインストール・ビルドスクリプト
  4. 04Netlifyデプロイコマンド

活用シーン

  1. 01Supabase連携Astroプロジェクトの開始
  2. 02Netlifyを使ったサイトの構築とデプロイ

インストール

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

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

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

詳細

Astro + Supabase（Netlify）

Supabase と統合した Astro です。

技術スタック

  • フレームワーク: Astro
  • データベース: Supabase
  • パッケージマネージャー: npm

前提条件

  • Supabase プロジェクト

セットアップ

1. テンプレートをクローンする
git clone --depth 1 https://github.com/netlify-templates/astro-supabase-starter.git .

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

git clone --depth 1 https://github.com/netlify-templates/astro-supabase-starter.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 で Supabase の認証情報を設定します。

ビルド

npm run build

Netlify にデプロイする

netlify deploy --prod

開発

npm run dev

コメント

Markdown 対応