I do not use pages diretory, to get the data I use app/api/products/route.ts
and i am sending from my client side component thats in app/(pages)/produkter/ny/page.ts

First Question
is my setup in route.ts correct or should I use NextResponse insead of res?
Second question - answered
also is my folder structure valid to be able to reach products?



Code Below


My app/api/products/route.ts:

export const POST = (req: any, res: any) => {
  if (req.method === "POST") {
    // Handle POST request
    console.log(req);

    res.json(req.method);
  }
};

My app/(pages)/produkter/ny/page.ts:

"use client";

import BaseLayout from "@/components/baselayout";
import { useState } from "react";
import axios from "axios";

export default function page() {
  const [namn, setNamn] = useState("");
  const [fulltNamn, setFulltNamn] = useState("");
  const [beskrivning, setBeskrivning] = useState("");
  const [historia, setHistoria] = useState("");
  const [kategori, setKategori] = useState("");
  const [pris, setPris] = useState("");

  async function createProduct(e: any): Promise<void> {
    e.preventDefault();
    const data = { namn, fulltNamn, beskrivning, historia, kategori, pris };
    await axios.post("/api/products", data);
  }

  return (
    <BaseLayout>
      "...more code but not necessary for this question I don't think"