Refactor(twemoji): Extract generateSSGHelper function

fullstack/twitter-with-only-emojis-theo-t3-stack-tutorial/src/pages/[slug].tsx

@@ -1,6 +1,11 @@
 import type { GetStaticProps, NextPage } from "next";
 import Head from "next/head";
 import { api } from "~/utils/api";
+import { PageLayout } from "~/components/layout";
+import Image from "next/image";
+import { LoadingPage } from "~/components/loading";
+import { PostView } from "~/components/postview";
+import { generateSSGHelper } from "~/server/helpers/ssgHelper";
 
 const ProfileFeed = (props: { userId: string }) => {
   const { data, isLoading } = api.posts.getPostsByUserId.useQuery({
@@ -55,29 +60,13 @@ const ProfilePage: NextPage<{ username: string }> = ({ username }) => {
   );
 };
 
-import { createServerSideHelpers } from "@trpc/react-query/server";
-import { appRouter } from "~/server/api/root";
-import { prisma } from "~/server/db";
-import SuperJSON from "superjson";
-import { PageLayout } from "~/components/layout";
-import Image from "next/image";
-import { LoadingPage } from "~/components/loading";
-import { PostView } from "~/components/postview";
-
 // La forma más sencilla de tipar los parámetros es tipando la función (variable
 //  en este caso) directamente.
 //
 // Al obtener los datos 'ahead of time', no habrá un loading state, ya que al
 // cargar la página en el cliente, los datos ya estarán disponibles.
 export const getStaticProps: GetStaticProps = async (context) => {
-  const ssgHelpers = createServerSideHelpers({
-    router: appRouter,
-    ctx: {
-      prisma,
-      userId: null,
-    },
-    transformer: SuperJSON, // optional - adds superjson serialization
-  });
+  const ssgHelpers = generateSSGHelper();
 
   const slug = context.params?.slug;
 

fullstack/twitter-with-only-emojis-theo-t3-stack-tutorial/src/server/helpers/ssgHelper.ts

@@ -0,0 +1,14 @@
+import { createServerSideHelpers } from "@trpc/react-query/server";
+import { appRouter } from "~/server/api/root";
+import { prisma } from "~/server/db";
+import SuperJSON from "superjson";
+
+export const generateSSGHelper = () =>
+  createServerSideHelpers({
+    router: appRouter,
+    ctx: {
+      prisma,
+      userId: null,
+    },
+    transformer: SuperJSON, // optional - adds superjson serialization
+  });