How to redirect user using api?

Answered

Auth posted this in #help-forum

2024-05-13T16:34:43.358Z

i've a signup api i want to redirect user using the api not client side but server side (english isnt my native langauge so dont mind)

Answered by Res

Usage is NextResponse.redirect(url, {status: statusCode})

View full answer

36 Replies

AuthOP

2024-05-13T16:35:10.722Z

import { conn } from '@/db/conn';
import User from '@/models/userModel';
import { NextRequest, NextResponse } from 'next/server';
import bcrypt from 'bcryptjs';
import { SendMail } from '@/helpers/mailer';

conn();

export async function POST(request: NextRequest) {
    try {
        const reqBody = await request.json();
        const { username, email, password } = reqBody;

        console.log(reqBody);

        const user = await User.findOne({ email });

        if (user) {
            return NextResponse.json({ error: 'User already exists' }, { status: 400 });
        }

        const salt = await bcrypt.genSalt(10);
        const hashedPassword = await bcrypt.hash(password, salt);

        const newUser = new User({
            email,
            username,
            password: hashedPassword,
        });

        const savedUser = await newUser.save();
        console.log(savedUser);
        await SendMail({email, emailType: 'VERIFY', userId: savedUser._id})
        

        return NextResponse.json({ error: "User registed " }, { status: 200 });
        
    } catch (error: any) {
        return NextResponse.json({ error: error.message }, { status: 500 });
    }
}

@Auth i've a signup api i want to redirect user using the api not client side but server side (english isnt my native langauge so dont mind)

B33fb0n3

2024-05-13T16:35:14.382Z

you can do this by using the redirect function

@B33fb0n3 you can do this by using the redirect function

AuthOP

2024-05-13T16:35:21.352Z

HOW

docs?

@Auth docs?

B33fb0n3

2024-05-13T16:35:36.170Z

https://nextjs.org/docs/app/api-reference/functions/redirect

Example:

export default async function Profile({ params }) {
  const team = await fetchTeam(params.id)
  if (!team) {
    redirect('/login')
  }
 
  // ...
}

Res

2024-05-13T16:36:39.312Z

https://stackoverflow.com/questions/69678382/next-js-redirect-from-an-api-route

Since you're on an API route

You'd have to do NextResponse.redirect()

B33fb0n3

2024-05-13T16:37:01.489Z

that's also a possible way

another possible way would be to use headers that point to the new location 🤷‍♂️

There are many possible ways

Res

2024-05-13T16:38:18.819Z

next/navigation's redirect is clientside, no?

so can't really be used in API routes

B33fb0n3

2024-05-13T16:38:43.643Z

using the router from next/navigation is clientside, yes. But he wants serverside

Res

2024-05-13T16:38:51.588Z

hence I suggested above

B33fb0n3

2024-05-13T16:39:13.658Z

yes and I said that it's a possible way

Res

2024-05-13T16:40:23.405Z

hmm nah, it seems like it's not strictly client.

Redirects
app/api/route.ts

import { redirect } from 'next/navigation'
 
export async function GET(request: Request) {
  redirect('https://nextjs.org/')
}

Didn't know

B33fb0n3

2024-05-13T16:41:08.454Z

it's like using cookies. There are also multiple ways and you can also use the cookies() function there

AuthOP

2024-05-13T16:41:20.485Z

import { conn } from '@/db/conn';
import User from '@/models/userModel';
import { NextRequest, NextResponse } from 'next/server';
import bcrypt from 'bcryptjs';
import { redirect } from 'next/navigation';
import { SendMail } from '@/helpers/mailer';

conn();

export async function POST(request: NextRequest) {
    try {
        const reqBody = await request.json();
        const { username, email, password } = reqBody;

        console.log(reqBody);

        const user = await User.findOne({ email });

        if (user) {
            return NextResponse.json({ error: 'User already exists' }, { status: 400 });
        }

        const salt = await bcrypt.genSalt(10);
        const hashedPassword = await bcrypt.hash(password, salt);

        const newUser = new User({
            email,
            username,
            password: hashedPassword,
        });

        const savedUser = await newUser.save();
        console.log(savedUser);
        await SendMail({email, emailType: 'VERIFY', userId: savedUser._id})
        



        return NextResponse.redirect(200, '/login')
        
    } catch (error: any) {
        return NextResponse.json({ error: error.message }, { status: 500 });
    }
}