You mean something like this?

import { NextRequest, NextResponse } from "next/server";

/**
 * Details.
 * @param {NextRequest} request - The incoming request object.
 * @returns {Promise<NextResponse>} The response object.
 */
export async function GET(request: NextRequest): Promise<NextResponse> {
  // Logic
  return NextResponse.json(
      { message: "API is working!."     },
      { status: 200}
    );
 }

You can change GET for POST, PUT, etc

If you want to get you POST data you can type:

try {
    // Parse the request body
    const reqBody = await request.json();
    const { email, password, rememberMe } = reqBody;
  ....
}

Yes. Let me try it.

Nice!!!!! I missing this part. I'll post a 'template' for those who try to do the same as me for their reference.

Thanks @Pteromalid wasp

No problem.

For those who want a template
----
export async function GET(request) {
try {
const data = await collection.find({}).sort({ _id: -1 }).toArray();
return NextResponse.json(data);
} catch (e) {
console.error(e);
}
}
export async function POST(request) {
try {
// Parse the request body
const reqBody = await request.json();
const { PremiseName } = reqBody;
const { PremiseAddress } = reqBody;
const { PremiseCountry } = reqBody;
const { PremiseLat } = reqBody;
const { PremiseLon } = reqBody;
const { PremisePhone } = reqBody;
const { PremiseEmail } = reqBody;
const { PremisePackage } = reqBody;
const Status = 'PENDING';

const bodyObject = {
PremiseName: PremiseName,
PremiseAddress: PremiseAddress,
PremiseCountry: PremiseCountry,
PremiseLat: PremiseLat,
PremiseLon: PremiseLon,
PremisePhone: PremisePhone,
PremiseEmail: PremiseEmail,
PremisePackage: PremisePackage,
PremiseStatus: Status,
CreatedOn: new isoDate(new Date()),
};
try {
const data = await collection.insertOne(bodyObject);
return NextResponse.json(data, { message: 'success' }, { status: 200 });
} catch (e) {
console.error(e);
}
} catch (err) {
// If there was an error parsing the request body, return an error response
return NextResponse.json({ message: 'Invalid request body' }, { status: 400 });
}
}

-----
Hopefully NextJS documentation do have details for this.

@Pteromalid wasp , how about get?

Example my get url /api/premises?hid=abc

I can see in request
----
NextRequest [Request] {
[Symbol(internal request)]: {
cookies: RequestCookies { _parsed: [Map], _headers: [HeadersList] },
geo: {},
ip: undefined,
nextUrl: NextURL { [Symbol(NextURLInternal)]: [Object] },
url: 'http://localhost:3000/api/premises?hid=7b40a366-c97b-46b8-af16-7032ef6e901b'
}
}

What's your code currently and what are you trying to achieve

api location in /app/api. This to make sure it can only be use internal only. I can see it is different with /pages/api.

So i pass GET url /api/premise?hid=abc

Then the api will search for abc hid in database. In another word, I want to extract the hid from the url

or I should use /app/api/premises/[id]

Nevermind. Found the solution

export async function GET(request) {
const { searchParams } = new URL(request.url);
const hid = searchParams.get('hid');
const id = searchParams.get('id');
if (hid) {
try {
console.log('get hid: ' + hid);
const data = await collection.find({ PremiseVendorHID: hid }).sort({ _id: 1 }).toArray();
return NextResponse.json(data);
} catch (e) {
console.error(e);
}
} else if (id) {
try {
const data = await collection.find({ _id: new ObjectId(id) }).toArray();
return NextResponse.json(data);
} catch (e) {
console.error(e);
}
} else {
try {
const data = await collection.find({}).sort({ PremiseName: 1 }).toArray();
return NextResponse.json(data);
} catch (e) {
console.error(e);
}
}
}

Thanks

I dont suggest that, just use params like you did here: /api/premise?hid=abc

noted

Why not use NextJS's built in functions? Like:
[if link is: /api/premise?hid=abc]

import { useSearchParams } from "next/navigation";

  ...
  const [searchParams, setSearchParams] = useSearchParams();
  const search = searchParams.get('hid');

  ...

UPDATE: nevermind, didn't see it was an API route, useSearchParams is for client components only

Yeah.

What you have is fine 🙂

I don't want to complex the API by validate JWT during send or request to public API for a security

However I wonder, will API route works with PWA.