How do I handle authentication redirects in Next.js?

How do I handle authentication redirects in Next.js?

In Next.js, you can handle authentication redirects using middleware or by checking the user's authentication state in your pages.

Can you show me an example of using middleware for this?

Sure! You can create a middleware function that checks if a user is authenticated and redirects them accordingly. Here's a basic example:

import { NextResponse } from 'next/server';

export function middleware(req) {
  const isAuthenticated = // your logic to check authentication;
  if (!isAuthenticated) {
    return NextResponse.redirect('/login');
  }
  return NextResponse.next();
}

What if I want to redirect after login?

After a successful login, you can redirect the user by using the router.push method in your login function. For example:

const handleLogin = async () => {
  // login logic
  router.push('/dashboard');
};

Are there any best practices for managing authentication in Next.js?

Yes, some best practices include using secure cookies for tokens, implementing session management, and keeping your authentication logic centralized.