Next.js13とSupabaseのブログ完全版

Web開発
supabase
初級
Next.js13で追加されたApp DirectoryとSupabaseを使用したブログの完全版を構築しました。 ブログに必要な機能がすべて揃っています。 他のアプリにも応用できるので、自分なりに変更してオリジナルアプリを作ってみてください。

学習内容

・ブログテーブルからプロフィールテーブルを参照 ・ブログ一覧とコメント一覧にページネーション追加 ・コメント編集、削除追加 ・コメントといいねをコンポーネント化

機能

・認証系  ・サインアップ  ・ログイン  ・ログアウト ・ブログ  ・一覧  ・投稿  ・編集  ・削除  ・画像保存  ・ページネーション ・プロフィール  ・名前変更  ・アバター画像変更 ・コメント  ・一覧  ・投稿  ・編集  ・削除  ・ページネーション ・コメントいいね

解説動画

YouTubeで解説をしています。
https://youtu.be/0GjUAiRMnU4

解説記事

ステップ

ステップ1
Web開発
supabase
初級
Next.js 13新機能のApp DirectoryとSupabaseでブログ構築
ステップ2
Web開発
supabase
初級
Next.js13とSupabaseでAI画像生成アプリ構築(OpenAI DALL・E)
ステップ3
Web開発
supabase
初級
Next.js13とSupabaseでAIチャットアプリ構築(GPT-3)
ステップ4
Web開発
supabase
初級
Next.js13とSupabaseで構築したブログにコメント機能追加
ステップ5
Web開発
supabase
初級
Next.js13とSupabaseのブログ完全版
ステップ6
Web開発
supabase
中級
Next.js13とSupabaseで音声認識AIチャットアプリ構築(ChatGPT、Whisper)
ステップ7
Web開発
supabase
中級
Next.js13とSupabase、ChatGPT、Whisperで自動要約アプリ構築
ステップ8
Web開発
supabase
上級
Next.js13とSupabaseで知識データベースQ&Aアプリ構築(Embedding)
ステップ9
Web開発
supabase
初級
全てがここに!Next.jsとSupabaseで構築する認証システム
ステップ10
Web開発
supabase
中級
Next.jsとSupabase、Stripeで構築するサブスクメンバーシップ機能
ステップ11
Web開発
supabase
初級
【リメイク版】最新のNext.jsとSupabaseで認証ブログを作ろう