前回、Rails7 APIモードの認証機能をdevise_token_authで実装するという記事で、devise_token_authの導入方法や使い方を一通り説明いたしました。 今回はNext.jsとdevise_token_authを使ってログイン処理と認証制御周りを具体的な実装例を踏まえて説明します。 認証処理はクライアントサイドで行うか、サーバーサイドで行うか まず実装に入る前に、認証処理をクライアントサイドで行うのか、サーバーサイドで行うのかを決める必要があります。 クライアントサイドで認証 クライアントサイドで認証を行う場合は、認証用のAPIを別途設けて、その結果により遷移先を分けるという実装をします。 認証結果が真の場合は、該当ページへの遷移を許可し、偽の場合はログインページへリダイレクトさせます。 クライアントサイドでの認証の場合、ページリクエストの前に毎回認証用APIが
![Next.jsとdevise_token_authを使って認証周りを実装する - 行動すれば次の現実](https://cdn-ak-scissors.b.st-hatena.com/image/square/f5af9869f656b0d491a879a06e5ff907b999940f/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ff%2Ffuru07yu%2F20220722%2F20220722151158.png)