全16ステージ無料公開中 · ベータ期間中はStudio Skill無料 ステージ1から始める
初心者AI学習 Skills 料金
言語:
English 繁體中文 日本語 Español
サーバー不要 · 即時オンライン 4 Skills Bundle

ウェブサイト公開一連パック

フロントエンドコードからグローバルCDN、Google認証、クラウドDBを備えた本番サイトまで. Vercel即時デプロイ、Cloudflare CDN・WAF、Google OAuth 2.0、SupabaseクラウドDBの連携を網羅

⚡ One-Click Command Recommended
npx skillcube install vercel-deploy cloudflare-deploy google-auth supabase-keep-alive
WORKFLOW

Execution Steps

01
フロントエンド公開(Vercel)
Agentに `vercel-deploy` を実行させ、手動ビルドなしで世界中からアクセス可能なHTTPSリンクを取得します。
02
独自ドメイン接続(Cloudflare)
Cloudflare DNSとWAFを接続し、高速エッジキャッシュと堅牢なセキュリティ防御を整えます。
03
ユーザー認証導入(Googleログイン)
複雑なパスワード管理DBを自作せず、公式Google OAuth 2.0で安全なワンタップログインを実装します。
04
クラウドDB連携(Supabase)
実用的なPostgres DBを接続し、自動キープアライブによりコールドスタートや休止を防止します。
INCLUDED SKILLS

Included Skills in this Suite

Vercel 高速デプロイ
「コードを公開ウェブにどう載せるか」を解決

フレームワーク(Next.js / Vite / 静的HTML)を自動識別し、HTTPS本番URLを即座に発行します。

Agent Prompt
指示:「WebページをVercelにデプロイして」
Cloudflare 高速化&防壁
「独自ドメイン・世界規模の高速表示・DDoS対策」を解決

ドメインNSをCloudflareに切り替え、エッジキャッシュ、無料SSL、ボット保護、DDoS防御を有効化します。

Agent Prompt
指示:「独自ドメインをCloudflareに接続して」
Google ログイン連携
「安全なワンタップログインと認証機能」を解決

Google Cloud OAuth認証情報を自動設定し、ログインボタン生成やJWT検証処理を導入します。

Agent Prompt
指示:「サイトにGoogleワンタップログインを導入して」
Supabase DB連携&常時稼働
「データの永続保存と無料枠の休止防止」を解決

Serverless Postgresテーブルを初期化し、RLSセキュリティと休止防止プローブを導入します。

Agent Prompt
指示:「Supabaseを接続し、定期死活監視を設定して」