Next.jsの初学者向けチュートリアルコンテンツです。タスク管理アプリを Next.js 及び TypeScript で開発していきます。シンプルでモダンなUIに、優先度・重要フラグ、タグ情報、テーマ変更なども付加した、実用性の高いアプリとなっています。
こちらは、下記のチューリアルコンテンツの続編となります。

<a href="https://zenn.dev/amayann/books/18f5c79fb4778b" target="_blank" rel="nofollow noopener noreferrer">https://zenn.dev/amayann/books/18f5c79fb4778b</a>

一旦形になった、タスク管理アプリについて、ユーザー認証を導入し、ユーザー毎のデータ、タスク管理が出来るアプリに仕立てます。ユーザー所有のデータのみを扱うように認証と制御を行いないます。また、Supabaseのストレージサービスを使用した、プロフィール画像の格納をはじめ、ユーザーのプロフィール・設定機能を実装します。

Next.jsの初学者向けチュートリアルコンテンツです。タスク管理アプリを Next.js 及び TypeScript で開発していきます。シンプルでモダンなUIに、優先度・重要フラグ、タグ情報、テーマ変更なども付加した、実用性の高いアプリとなっています。
こちらは、下記のチューリアルコンテンツの続編となります。

https://zenn.dev/amayann/books/18f5c79fb4778b

一旦形になった、タスク管理アプリについて、ユーザー認証を導入し、ユーザー毎のデータ、タスク管理が出来るアプリに仕立てます。ユーザー所有のデータのみを扱うように認証と制御を行いないます。また、Supabaseのストレージサービスを使用した、プロフィール画像の格納をはじめ、ユーザーのプロフィール・設定機能を実装します。

Next.js + Supabase タスク管理アプリ ユーザー認証編

はじめに

Supabase設定

ユーザー認証作成

ユーザー認証実装

ユーザー別のデータ処理

プロフィール設定 (1)

プロフィール設定 (2)

アカウント設定

外観設定

デプロイ、他

nextjs

react

typescript

tailwindcss

supabase

bauhaus