Fecth de produtos na Home

antoniobiasotti · Apr 23, 2024 · 742a8f0 · 742a8f0
1 parent 55a7233
commit 742a8f0
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/public/moletom-never-stop-learning 1.png → public/moletom-never-stop-learning.png b/public/moletom-never-stop-learning 1.png → public/moletom-never-stop-learning.png
diff --git a/src/app/(store)/(home)/page.tsx b/src/app/(store)/(home)/page.tsx
@@ -1,15 +1,28 @@
 import Link from "next/link";
 import Image from "next/image";
+import { api } from "../../../data/api";
+
+async function getFeaturedProducts() {
+  const response = await api('/products/featured')
+
+  const products = await response.json()
+
+  return products
+}
 
 export default async function Home() {
+  const products = await getFeaturedProducts()
+
+  console.log(products)
+
   return (
     <div className="grid max-h-[860px] grid-cols-9 grid-rows-6 gap-6">
       <Link 
         href="/" 
         className="group relative col-span-6 row-span-6 rounded-lg bg-zinc-900 flex justify-center items-center">
 
         <Image 
-          src="/moletom-never-stop-learning 1.png" 
+          src="/moletom-never-stop-learning.png" 
           className="group-hover:scale-105 transition-transform duration-500"
           width={920} 
           height={920} 

diff --git a/src/data/api.ts b/src/data/api.ts
@@ -2,7 +2,8 @@ import { env } from '../env'
 
 export function api(path: string, init?: RequestInit) {
     const baseUrl = env.NEXT_PUBLIC_API_BASE_URL
-    const url = new URL(path, baseUrl)
+    const apiPrefix = '/api'
+    const url = new URL(apiPrefix.concat(path), baseUrl)
 
     return fetch(url, init)
 }
diff --git a/src/env.ts b/src/env.ts
@@ -1,4 +1,4 @@
-import { z } from 'zod'
+import { z } from 'zod';
 
 const envSchema = z.object({
   NEXT_PUBLIC_API_BASE_URL: z.string().url(),