Thakisis · andreibratila · Mar 17, 2026 · Mar 17, 2026 · Mar 17, 2026 · Mar 18, 2026
diff --git a/bun.lock b/bun.lock
diff --git a/env.sample b/env.sample
diff --git a/next.config.ts b/next.config.ts
@@ -1,9 +1,16 @@
 import type { NextConfig } from "next";
-
+const Year = 1000 * 60 * 60 * 24 * 365;
 const nextConfig: NextConfig = {
   /* config options here */
 
   cacheComponents: true,
+  cacheLife: {
+    nuncaSeRevalida: {
+      stale: Year, // 1 año
+      expire: Year , // 1 poco menos de 1año
+      revalidate: Year , // 1 año
+    }
+  },
   images: {
     formats: ["image/avif", "image/webp"],
   },

diff --git a/package.json b/package.json
@@ -26,7 +26,7 @@
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "satori": "^0.25.0",
-    "shadcn": "^3.8.5",
+    "shadcn": "^4.0.8",
     "sharp": "^0.34.5",
     "tailwind-merge": "^3.5.0",
     "tw-animate-css": "^1.4.0"

diff --git a/...p/@sidebar/(.)edit/[idproduct]/loading.js → .../@sidebar/(.)edit/[idproduct]/loading.tsx b/...p/@sidebar/(.)edit/[idproduct]/loading.js → .../@sidebar/(.)edit/[idproduct]/loading.tsx
diff --git a/src/app/@sidebar/(.)edit/[idproduct]/page.tsx b/src/app/@sidebar/(.)edit/[idproduct]/page.tsx
@@ -1,21 +1,18 @@
 import EditProduct from "@/components/edit-product";
-import { getProductIds } from "@/server/queries/products";
-export type PageParams = {
-  idproduct: string;
-};
+// import { getProductIds } from "@/server/queries/getProductIds";
 
-export async function generateStaticParams() {
-  const products = await getProductIds(10);
-  return products.map((product) => ({
-    idproduct: product.id.toString(),
-  }));
-}
+
+// export async function generateStaticParams() {
+//   const products = await getProductIds(10);
+//   return products.map((product) => ({
+//     idproduct: product.id.toString(),
+//   }));
+// }
 
 export default async function Page({
-  params,
-}: {
-  params: Promise<PageParams>;
-}) {
-  const { idproduct } = await params;
-  return <EditProduct idproduct={idproduct} />;
+  params, 
+}:PageProps<"/edit/[idproduct]">) {
+   const { idproduct } = await params;
+
+  return <EditProduct idproduct={parseInt(idproduct)} />;
 }
diff --git a/src/app/@sidebar/(.)edit/layout.tsx b/src/app/@sidebar/(.)edit/layout.tsx
@@ -1,11 +1,8 @@
-import type { ReactNode } from "react";
 import CloseButton from "@/components/edit-product/close-button";
 
-interface LayoutProps {
-  children: ReactNode;
-}
 
-export default function LayoutEdit({ children }: LayoutProps) {
+
+export default function LayoutEdit({ children }: LayoutProps<"/edit">) {
   return (
     <div className="fixed sidebar w-full max-w-md border-r border-border p-6 overflow-y-auto inset-y-0  overflow-x-hidden z-50 h-screen bg-white shadow-lg">
       <CloseButton />

diff --git a/src/app/cambiar-page/page.tsx b/src/app/cambiar-page/page.tsx
@@ -0,0 +1,8 @@
+export default function Page() {
+    return (
+
+        <main>
+            <h1>Es pagina solo para volver atras</h1>
+        </main>
+    );
+}
diff --git a/src/app/edit/[idproduct]/page.tsx b/src/app/edit/[idproduct]/page.tsx
@@ -1,20 +1,15 @@
-import { getProductIds } from "@/server/queries/products";
-export type PageParams = {
-  idproduct: string;
-};
+// import { getProductIds } from "@/server/queries/getProductIds";
 
-export async function generateStaticParams() {
-  const products = await getProductIds(10);
-  return products.map((product) => ({
-    idproduct: product.id.toString(),
-  }));
-}
+// export async function generateStaticParams() {
+//   const products = await getProductIds(10);
+//   return products.map((product) => ({
+//     idproduct: product.id.toString(),
+//   }));
+// }
 
 export default async function ProductPage({
-  params,
-}: {
-  params: Promise<PageParams>;
-}) {
-  const { idproduct } = await params;
-  return <div>Edit Product {idproduct}</div>;
+  // params,
+}: PageProps<"/edit/[idproduct]">) {
+  // const { idproduct } = await params;
+  return <div>Edit Product ejemplo eliminando ids</div>;
 }
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 import { Geist, Geist_Mono, Inter } from "next/font/google";
 import "./globals.css";
 import { TooltipProvider } from "@/components/ui/tooltip"
+import Link from "next/link";
 const inter = Inter({ subsets: ["latin"], variable: "--font-sans" });
 
 const geistSans = Geist({
@@ -22,17 +23,39 @@ export const metadata: Metadata = {
 export default function RootLayout({
   children,
   sidebar,
-}: Readonly<{
-  children: React.ReactNode;
-  sidebar: React.ReactNode;
-}>) {
+}: Readonly<LayoutProps<"/">>) {
   return (
     <html lang="en" className={inter.variable}>
       <body
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
         <TooltipProvider>
-
+        <header className=" z-50 border-b bg-background/80 backdrop-blur-md">
+            <nav className="mx-auto flex h-16 w-full max-w-7xl items-center justify-between px-4 sm:px-6 lg:px-8">
+              <Link
+                href="/"
+                className="text-base font-semibold tracking-tight transition-opacity hover:opacity-80"
+              >
+                Mi App
+              </Link>
+
+              <div className="flex items-center gap-2 rounded-full border bg-muted/40 p-1">
+                <Link
+                  href="/"
+                  className="rounded-full px-4 py-2 text-sm font-medium text-muted-foreground transition-colors hover:bg-background hover:text-foreground"
+                >
+                  Home
+                </Link>
+
+                <Link
+                  href="/cambiar-page"
+                  className="rounded-full px-4 py-2 text-sm font-medium text-muted-foreground transition-colors hover:bg-background hover:text-foreground"
+                >
+                  Otra página
+                </Link>
+              </div>
+            </nav>
+          </header>
         {sidebar}
         {children}
         </TooltipProvider>

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -1,9 +1,9 @@
-import Home from "@/components/home";
+import ProductList from "@/components/home/product-list";
 
-export default async function Page() {
+export default  function Page() {
   return (
-    <div>
-      <Home />
-    </div>
+    <main className="flex flex-wrap justify-between max-w-300 gap-y-8 py-10 mx-auto container-products">
+      <ProductList/>
+    </main>
   );
 }
diff --git a/src/components/edit-product/edit-product.tsx b/src/components/edit-product/edit-product.tsx
@@ -1,15 +1,20 @@
-import { cacheTag } from "next/cache";
 
-import { getProduct } from "@/server/queries/products";
 import { ProductEditForm } from "./product-edit-form";
+import { Suspense } from "react";
+import { getProduct } from "@/server/queries/getProduct";
+import { cacheLife, cacheTag } from "next/cache";
 export type PageParams = {
-  idproduct: string;
+  idproduct: number;
 };
 
 export default async function EditProduct({ idproduct }: PageParams) {
   "use cache";
   cacheTag(`product-${idproduct}`);
-  const product = await getProduct(parseInt(idproduct, 10));
+  cacheLife("nuncaSeRevalida")
+  const product = await getProduct(idproduct);
 
-  return <ProductEditForm product={product} />;
+  return (
+  <Suspense>
+    <ProductEditForm product={product} />;
+  </Suspense>)
 }
diff --git a/src/components/edit-product/product-edit-form.tsx b/src/components/edit-product/product-edit-form.tsx
@@ -10,7 +10,7 @@ import {
   Star,
   Tag,
 } from "lucide-react";
-import { useActionState, useMemo, useState } from "react";
+import { useActionState,  useState } from "react";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
@@ -46,7 +46,7 @@ export function ProductEditForm({ product }: ProductEditFormProps) {
     updateProductAction,
     initialState,
   );
-
+  
   const editableKeys: EditableKey[] = [
     "name",
     "description",
@@ -75,9 +75,9 @@ export function ProductEditForm({ product }: ProductEditFormProps) {
   }
 
   const discountedPrice =
-    edited.discount > 0
+(  edited.discount > 0
       ? edited.price * (1 - edited.discount / 100)
-      : edited.price;
+      : edited.price).toFixed(2)
 
   return (
     <div className="@container w-full product-edit-form">
@@ -255,7 +255,7 @@ export function ProductEditForm({ product }: ProductEditFormProps) {
           </p>
           <div className="flex items-baseline gap-3">
             <span className="text-2xl font-bold text-foreground">
-              ${discountedPrice.toFixed(2)}
+              {discountedPrice}
             </span>
             {edited.discount > 0 && (
               <>
@@ -292,7 +292,7 @@ export function ProductEditForm({ product }: ProductEditFormProps) {
             <div className="flex items-center gap-1.5 min-w-18 justify-end">
               <StarDisplay rating={edited.rating} />
               <span className="text-sm font-medium text-foreground tabular-nums w-8 text-right">
-                {edited.rating.toFixed(1)}
+                {edited.rating}
               </span>
             </div>
           </div>

diff --git a/src/components/home/home.tsx b/src/components/home/home.tsx
diff --git a/src/components/home/index.ts b/src/components/home/index.ts