Redirect POST route handler to a page in Next.js

How to redirect to a page from Next.js POST router handler.

Ok so I was struggling around this afternoon trying to figure out how can I handle the log-in callback from Google Identity for my next personal web application.

The thing is, Google returns the token in a POST request, after I validate that token towards Google again, I need to do some actions and redirect to the web page, not the API endpoint.

I'd been using redirect from 'next/navigation', NextResponse.redirect from next/server, but none of them worked. With NextResponse.redirect, it makes a POST request to the URL instead of a GET one, so I kept getting the 500 error -- which is understandable because there is no route handler for that URL, it's just a normal page, not a route handler!

So I had been searching a lot, tried several ways, and figured out one simple solution...

A 302 code.

See the full answer here on StackOverflow: https://stackoverflow.com/questions/77752425/js-sending-a-307next-js-13-redirect-with-different-http-method

tsx


'use server';

import { NextResponse } from 'next/server';

export async function POST(req: Request) {
    try {
        [...]
        return NextResponse.redirect(redirectURL, {
            status: 302
        });
    } catch (error) {
        [...]
    }
}

Adding status 302 to NextResponse.redirect

This works like a charm!

Hope this helps

Redirect POST route handler to a page in Next.js

Comments (0)

Comments (0)