clean: remove lots of useless code from the nextjs template

.changeset/tidy-mails-fold.md

@@ -0,0 +1,5 @@
+---
+'create-prpc-app': patch
+---
+
+clean: remove lots of useless code from the nextjs template

examples/nextjs/src/pages/index.tsx

@@ -1,61 +1,28 @@
-import { handle$ } from "@prpc/react";
-import { middleware$, query$, response$ } from "@prpc/react";
-import { GetServerSideProps, type NextPage } from "next";
+import { query$, response$ } from "@prpc/react";
+import { type NextPage } from "next";
 import { z } from "zod";
-import { queryClient } from "./_app";
-
-const testMw = middleware$(async ({ request$ }) => {
-  const ua = request$.headers.get("user-agent");
-  console.log({ ua });
-  return {
-    ua,
-  };
-});
 
 const myQuery = query$({
   queryFn: async ({ payload }) => {
-    await new Promise((resolve) => setTimeout(resolve, 3000));
     return response$(payload.num / 2);
   },
   key: "testQuery",
-  middlewares: [testMw],
   schema: z.object({
     num: z.number(),
   }),
 });
 
-export const getServerSideProps: GetServerSideProps = async (ctx) => {
-  const dehydarated = await handle$({
-    queryFn: myQuery,
-    ctx,
-    payload: {
-      num: 2,
-    },
-    queryClient,
-  });
-  return {
-    props: dehydarated,
-  };
-};
-
 const Home: NextPage = () => {
-  const { data } = myQuery(
-    {
-      num: "d",
-    },
-    {
-      retry: false,
-      onError: (err) => {
-        console.log("err", err.cause);
-        console.log(err.isZodError());
-      },
-    }
-  );
+  const { data, isLoading } = myQuery({
+    num: 2,
+  });
   return (
     <main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#2e026d] to-[#15162c]">
-      <div className="text-5xl text-white">
-        query: {JSON.stringify(data, null, 2)}
-      </div>
+      {isLoading ? (
+        <div className="text-5xl text-white">Loading...</div>
+      ) : data ? (
+        <div className="text-5xl text-white">query: {data}</div>
+      ) : null}
     </main>
   );
 };

packages/create/templates/NextJS/src/pages/index.tsx

@@ -1,56 +1,28 @@
-import { handle$ } from "@prpc/react";
-import { middleware$, query$, response$ } from "@prpc/react";
-import { type GetServerSideProps, type NextPage } from "next";
+import { query$, response$ } from "@prpc/react";
+import { type NextPage } from "next";
 import { z } from "zod";
-import { queryClient } from "./_app";
-
-const testMw = middleware$(({ request$ }) => {
-  const ua = request$.headers.get("user-agent");
-  console.log({ ua });
-  return {
-    ua,
-  };
-});
 
 const myQuery = query$({
   queryFn: async ({ payload }) => {
-    await new Promise((resolve) => setTimeout(resolve, 3000));
     return response$(payload.num / 2);
   },
   key: "testQuery",
-  middlewares: [testMw],
   schema: z.object({
     num: z.number(),
   }),
 });
 
-export const getServerSideProps: GetServerSideProps = async (ctx) => {
-  const dehydarated = await handle$({
-    queryFn: myQuery,
-    ctx,
-    payload: {
-      num: 2,
-    },
-    queryClient,
-  });
-  return {
-    props: dehydarated,
-  };
-};
-
 const Home: NextPage = () => {
-  const { data } = myQuery(
-    {
-      num: 2,
-    },
-    {
-      refetchOnMount: false,
-      refetchOnWindowFocus: false,
-    }
-  );
+  const { data, isLoading } = myQuery({
+    num: 2,
+  });
   return (
     <main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#2e026d] to-[#15162c]">
-      <div className="text-5xl text-white">query: {data}</div>
+      {isLoading ? (
+        <div className="text-5xl text-white">Loading...</div>
+      ) : data ? (
+        <div className="text-5xl text-white">query: {data}</div>
+      ) : null}
     </main>
   );
 };