 Next.js 13で追加されたApp DirectoryとSupabaseを使用してブログを構築していきます。 App Directoryはサーバーコンポーネントがデフォルトとなり、クライアントコンポーネントと指定しない限りサーバーサイドでレンダリングされます。 組織的にコードを管理することにより、可読性や開発効率、セキュリティが向上します。 Supabaseはバックエンド機能を提供するクラウドサービスで、データベースにPostgreSQLを使用しています。 フロントエンドとバックエンドの境界がなくなるので、より効率的な開発が可能になります。 最新の技術を使用してブログを構築していきましょう。 

Next.js 13新機能のApp DirectoryとSupabaseでブログ構築

はじめに

Supabaseアカウント

SQL Editor

Next.js準備

App Directory

App Directory専用画面

Supabase連携

サーバー側クライアント作成

Supabaseクライアント作成

レイアウト修正

状態管理Zustand

サインアップ

ログアウト

プロフィール

ブログ新規投稿

ブログリスト

ブログ詳細

ブログ編集

おわりに

nextjs

blog

tailwindcss

チュートリアル

supabase

はる@フルスタックチャンネル