Vercelとは
VercelはNext.jsの開発元が提供するホスティングサービスです。GitHubにプッシュするだけでデプロイが完了し、独自ドメインの設定やSSL証明書の発行も自動で行ってくれます。
個人プロジェクトなら無料枠で十分運用可能です。
Supabaseとは
SupabaseはオープンソースのBaaS（Backend as a Service）で、PostgreSQLデータベース、認証、ストレージ、リアルタイム機能を提供します。Firebaseの代替として人気が高まっています。
無料枠でもデータベース500MB、認証50,000MAU、ストレージ1GBが利用でき、個人プロジェクトには十分です。
この組み合わせで作れるもの
- ブログやCMS（コンテンツ管理システム）
- タスク管理やプロジェクト管理ツール
- ECサイトや予約システム
- リアルタイムチャットアプリ
- SaaS型のWebアプリケーション
始め方
Next.jsプロジェクトを作成し、Supabaseのクライアントを導入するだけで開発を始められます。Claude Codeを使えば、この環境構築も自動化できます。
チュートリアルも豊富にあるため、初心者でも段階的に学びながら本格的なWebアプリを構築できます。