wip server rendered

lkostrowski · lkostrowski · commit 5b9716654e7c · 2026-05-12T20:25:37.000+02:00
diff --git a/apps/onboarding/src/app/api/manifest/route.ts b/apps/onboarding/src/app/api/manifest/route.ts
@@ -23,11 +23,25 @@ const handler = createManifestHandler({
       extensions: [
         {
           label: "Onboarding",
+          //@ts-expect-error temp
+          mount: "HOMEPAGE_WIDGETS",
+          target: "WIDGET",
+          url: new URL("/api/test", iframeBaseUrl).toString(),
+          permissions: [],
+          options: {
+            //@ts-expect-error temp
+            homeWidgetTarget: { method: "POST", fullscreen: true },
+          },
+        },
+        {
+          label: "Onboarding",
+          //@ts-expect-error temp
           mount: "HOMEPAGE_WIDGETS",
           target: "WIDGET",
           url: new URL("/", iframeBaseUrl).toString(),
           permissions: [],
           options: {
+            //@ts-expect-error temp
             homeWidgetTarget: { method: "GET", fullscreen: true },
           },
         },
diff --git a/apps/onboarding/src/app/api/test/route.ts b/apps/onboarding/src/app/api/test/route.ts
@@ -0,0 +1,15 @@
+import { WebApiAdapter } from "@saleor/app-sdk/handlers/fetch-api";
+import { type NextRequest, NextResponse } from "next/server";
+
+export async function POST(request: NextRequest) {
+  const adapter = new WebApiAdapter(request, Response);
+  const baseUrl = adapter.getBaseUrl();
+
+  const body = await request.text();
+
+  const target = new URL("/test", baseUrl);
+
+  target.searchParams.set("body", body);
+
+  return NextResponse.redirect(target, { status: 303 });
+}
diff --git a/apps/onboarding/src/app/layout.tsx b/apps/onboarding/src/app/layout.tsx
@@ -0,0 +1,9 @@
+import { type ReactNode } from "react";
+
+export default function RootLayout({ children }: { children: ReactNode }) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}
diff --git a/apps/onboarding/src/app/test/page.tsx b/apps/onboarding/src/app/test/page.tsx
@@ -0,0 +1,26 @@
+export default async function TestPage({
+  searchParams,
+}: {
+  searchParams: Promise<{ body?: string }>;
+}) {
+  const { body } = await searchParams;
+
+  return (
+    <main>
+      <h1>Test Page</h1>
+      <p>Hello from a server-rendered App Router page.</p>
+      {body ? (
+        <section>
+          <h2>POST body (from /api/test)</h2>
+          <pre>{body}</pre>
+        </section>
+      ) : (
+        <p>
+          <em>
+            No POST body received. Send a POST to <code>/api/test</code> to see it rendered here.
+          </em>
+        </p>
+      )}
+    </main>
+  );
+}
