Hamza Ali Turi Posts - Answer Overflow

Hamza Ali Turi

•Created by Hamza Ali Turi on 3/11/2025 in #questions

Revalidation for data using next.js 15 route handlers

I've developed an application using Next.js 15, utilizing API routes for the backend. However, I'm encountering an issue where, after posting data, the new information only appears upon manually refreshing the page. Despite looking at official documentation, watching tutorials, and reading articles, I haven't found a solution. I'm beginning to think that to achieve active refresh upon table updates, I might need to use Server Actions instead of API route handlers, since whereever I looked at for revalidation, everyone was using server components. // DataTable.tsx

  useEffect(() => {
    const fetchClients = async () => {
      const response = await fetch("/api/clients", { next: { tags: ['clients'] } });
      const data = await response.json();
      setClientCells(data);
    };
    fetchClients();
  }, []);

  useEffect(() => {
    const fetchClients = async () => {
      const response = await fetch("/api/clients", { next: { tags: ['clients'] } });
      const data = await response.json();
      setClientCells(data);
    };
    fetchClients();
  }, []);

// Form.tsx

 const submitHandler = async (data: ClientFormData) => {
     const response = await fetch("/api/clients", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify(data),
      });
      revalidateTag("clients")
      reset();
      setFiles([]);
  };
  const onSubmit = handleSubmit(submitHandler);

  return(
      <form
       onSubmit={onSubmit}
       className="px-10 space-y-5 my-4">
      .....
     </form>
  )

 const submitHandler = async (data: ClientFormData) => {
     const response = await fetch("/api/clients", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify(data),
      });
      revalidateTag("clients")
      reset();
      setFiles([]);
  };
  const onSubmit = handleSubmit(submitHandler);

  return(
      <form
       onSubmit={onSubmit}
       className="px-10 space-y-5 my-4">
      .....
     </form>
  )

export async function POST(req: NextRequest) {
  try {
    const body = await req.json();
    const parsedBody = clientSchema.safeParse(body);
    const client = await prisma.clients.create({
      data: parsedBody.data,
    });
    return NextResponse.json(
      { message: "Client created successfully", client },
      { status: 201 }
    );
  } catch (error) {
    return NextResponse.json(
      { error: "An unexpected error occurred while creating the client." },
      { status: 500 }
    );
  }
}

export async function POST(req: NextRequest) {
  try {
    const body = await req.json();
    const parsedBody = clientSchema.safeParse(body);
    const client = await prisma.clients.create({
      data: parsedBody.data,
    });
    return NextResponse.json(
      { message: "Client created successfully", client },
      { status: 201 }
    );
  } catch (error) {
    return NextResponse.json(
      { error: "An unexpected error occurred while creating the client." },
      { status: 500 }
    );
  }
}

9 replies

TTCTheo's Typesafe Cult

•Created by Hamza Ali Turi on 3/2/2025 in #questions

Need help in hosting laravel dashbord on hostinger subdomain

Hello, I have a portfolio project built with Laravel, where the static pages use Blade templates, and the dashboard is built with React Inertia. I have successfully hosted this website on a Hostinger domain, making it publicly accessible.
For security reasons, I want to host the dashboard on a subdomain. The React/Inertia dashboard, located in [project-name]/resources/js, should be hosted separately from www.example.com and accessible via dashboard.example.com.
I was able to create a subdomain for the dashboard on Hostinger but am struggling to figure out how to host the dashboard there. I have searched for articles and YouTube videos on this topic, but none have been helpful.
Any guidance would be greatly appreciated.
Thank you for taking the time to read this.

2 replies

Gaming

Programming