概要
作業開始・終了の記録、日別・月別の集計、タスク別の可視化を行うためのWebアプリです。
認証、カレンダー表示、色管理、通知、初回ガイドなど、業務アプリでよく必要になる機能を組み合わせています。
このTech Blogでは、実装時に得られたNext.js、Supabase、UI実装、セキュリティ確認のノウハウを記事化しています。
使用技術
Next.jsSupabaseVercelOAuthTailwind CSS
実装・設計のポイント
- Supabase Authを使ったログイン制御
- 作業時間をカレンダー・グラフ・一覧で確認できるUI
- タスク色をアプリ全体へ反映する設計
- 初回利用時のガイドとトースト通知
- Vercel運用時のセキュリティ確認