 今回は、Next.jsとDjango REST Frameworkを使用して認証システムを構築していきます。
最新バージョンのNext.js14とDjango5を使用していきますので、これまでにNext.jsとDjangoでプロジェクトを構築した経験がある方にとっても、新しい発見になると思います。
最新バージョンでは、パフォーマンスの向上、セキュリティの強化、より良い開発体験など、多くの進化があります。
これらを実際に体験し、最新技術の可能性をフルに活用する方法を学びましょう。
認証システムでは、ログイン、サインアップ、パスワード再設定、プロフィール表示、プロフィール編集、パスワード変更機能を実装していきます。
Djangoは、複雑なデータ構造を持つアプリケーションも簡単に構築でき、最近のAIブームによりその重要性が増しています。
また、Next.jsを使用することで、サーバーサイドレンダリングを活用し、SEO対策に優れた、高速でユーザーフレンドリーなフロントエンド開発を可能にします。
後編では、これらの技術を活用してブログシステムを構築していきます。
実際のプロジェクトに即した技術とベストプラクティスを体験しながら、ウェブ開発のスキルをさらに高めることができます。
Next.jsとDjango REST Frameworkを使用した認証システムに興味がある方は、ぜひ参考にしてください。 

Next.js14とDjango5で作る！認証システム構築入門

はじめに

Django準備

プロジェクト、アプリ作成

Django設定

モデル

シリアライザ

ビュー

メール設定

API動作確認

Next.js準備

shadcn/ui

App Router

専用画面

NextAuth

アカウント仮登録

アカウント本登録

パスワード再設定

パスワード再設定確認

ユーザー詳細

プロフィール編集

パスワード変更

リファクタリング

おわりに

django

nextjs

nextauth

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