Handling both POST and GET req in the same route

[worldly thicket]

I'm trying to implment a route which can handle both POST and GET requests in the same route. I can do it with route.tsx but then I would loose the layout and contexts. So I need to use page.tsx for this but then I can't use it to handle POST req. Can someone help me with this?

[dire tinsel]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[outer anchor]

export default async function yourFunction(req: NextApiRequest, res: NextApiResponse) {
  // Do whatever you want here
  return ...
}

export { yourFunction as GET, yourFunction as POST };

Like that you can create both: GET and POST to one function

[worldly thicket]

Yes I can do this in route.tsx but I need it in page.tsx

I need to display an actual page as well as use the same route to handle POST requests also

[outer anchor]

page.tsx can't handle POST requests. If you tell a little more about what you are trying to archive, I may be able to help you more