shirotamaki https://blog.hatena.ne.jp/shirotamaki/ Roll With IT https://shirotamaki.hatenablog.com/ 個人開発 はじめに 前編 後編 技術スタック フロントエンド： バックエンド： データベース： リポジトリ 下準備 Google APIにアクセスできるように準備する 認証ライブラリのNextAuth.jsを使ってGoogleログイン機能を実装する Next.jsプロジェクトを作成する 必要なnpmをインストールする API routeの設定を行う .env.localファイルを生成しGoogle認証のために必要な環境変数を設定する Session Providerの設定 ログイン機能を作成する 毎回ログインする度にユーザーに再認証を要求する ログアウト機能を作成する indexページを用意して、ログイ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fshirotamaki.hatenablog.com%2Fentry%2F2023%2F03%2F26%2F184433" title="【前編】NextAuth.jsを使ってGoogleログイン機能を実装する（Next.js × Railsで実践するアプリ開発） - Roll With IT" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/shirotamaki/20230326/20230326182414.png Hatena Blog https://hatena.blog 2023-03-26 18:44:33 rich https://shirotamaki.hatenablog.com/entry/2023/03/26/184433 1.0 100%