refactor/shopify-functions-to-trpc

.vscode/settings.json

@@ -12,6 +12,7 @@
     }
   ],
   "cSpell.words": [
+    "healthcheck",
     "Quixer",
     "shopify",
     "superjson",

apps/commerce/src/app/api/trpc/[trpc]/route.ts

@@ -1,14 +1,25 @@
 import env from '@/sdk/env';
 import { fetchRequestHandler } from '@trpc/server/adapters/fetch';
 import { type NextRequest } from 'next/server';
-import { appRouter, createTRPCContext } from 'server';
+import { appRouter, createTRPCContext, integrations } from 'server';
 
 const handler = (req: NextRequest) =>
   fetchRequestHandler({
     endpoint: '/api/trpc',
     req,
     router: appRouter,
-    createContext: () => createTRPCContext({ req }),
+    createContext: () =>
+      createTRPCContext({
+        req,
+        integrations: {
+          shopify: {
+            client: new integrations.shopify.client(
+              env.SHOPIFY_STOREFRONT_ACCESS_TOKEN,
+              `${env.SHOPIFY_STORE_DOMAIN}`
+            )
+          }
+        }
+      }),
     onError:
       env.NODE_ENV === 'development'
         ? ({ path, error }) => {

apps/commerce/src/app/page.tsx

@@ -1,18 +1,12 @@
-import { api } from '@/sdk/lib/trpc/server';
-import { Suspense } from 'react';
-import { ClientComponent } from './client-component';
-import { PPRComponent } from './ppr-component';
+import Link from 'next/link';
 
 export default async function HomePage() {
-  const hello = await api.hello.hello();
-
   return (
     <div className="flex min-h-screen flex-col items-center p-24">
-      <span>{hello.greeting} Server Component</span>
-      <ClientComponent />
-      <Suspense fallback={<div>Loading PPR Component...</div>}>
-        <PPRComponent />
-      </Suspense>
+      <span>Home</span>
+      <Link href="/product/camiseta-de-manga-longa" prefetch>
+        Produto Teste
+      </Link>
     </div>
   );
 }

apps/commerce/src/app/product/[handle]/page.tsx

@@ -1,5 +1,5 @@
 import { HIDDEN_PRODUCT_TAG } from '@/sdk/lib/constants';
-import { getProduct } from '@/sdk/lib/shopify';
+import { api } from '@/sdk/lib/trpc/server';
 import { Metadata } from 'next';
 import { notFound } from 'next/navigation';
 
@@ -14,7 +14,9 @@ export async function generateMetadata({
 }: {
   params: { handle: string };
 }): Promise<Metadata> {
-  const product = await getProduct(params.handle);
+  const product = await api.product.getProductByHandle({
+    handle: params.handle
+  });
 
   if (!product) return notFound();
 
@@ -49,7 +51,9 @@ export async function generateMetadata({
 }
 
 export default async function ProductPage({ params }: Props) {
-  const product = await getProduct(params.handle);
+  const product = await api.product.getProductByHandle({
+    handle: params.handle
+  });
 
   if (!product) return notFound();