Django REST Framework と Next.js で Google 認証システムを作成していきます。

流れ

  1. Next.js + next-auth で Google 認証
  2. ユーザー情報、アクセストークン取得
  3. Django REST Framework でユーザーのアクセストークンを更新

目標

下記を学習していきます。

  • Next.js で Google ログイン認証構築
  • DRF でユーザーのアクセストークンの更新

動画チュートリアル

動画でも解説しています。

ぜひ参考にして下さい。

DRFNEXT

機能

  • Google 認証
  • プロフィール画面

エラーが発生した場合

詳しいコードの解説は、Django REST Framework、NextJS の公式ページを参考にして下さい。

Django REST Framework 公式ドキュメント

Next.js 公式ドキュメント

もしエラーが発生したり、分かりにくい箇所は下記の GitHub にてソースコードを参考にして下さい。

DRF 参照コード

Next.js 参照コード

前提知識

このチュートリアルを始める前に、下記は学習しておいて下さい。

  • Django
  • React
  • HTML
  • CSS
  • JavaScript

では、始めて行きましょう!!