deploy

Author: CristianR8

src/app/proyectos/[id]/page.tsx

@@ -3,20 +3,22 @@ import { notFound } from "next/navigation";
 import ProjectPage from "@/components/project-page";
 import { projects } from "@/components/projects";
 
-export default async function ProjectRoute({
+// ① Generamos estáticamente todas las rutas /proyectos/<id>
+export function generateStaticParams() {
+  return projects.map((project) => ({
+    id: project.id,
+  }));
+}
+
+// ② Página para cada proyecto
+export default function ProjectRoute({
   params,
 }: {
-  params: Promise<{ id: string }>;
+  params: { id: string };
 }) {
-  // 1️⃣ Esperamos a que Next.js resuelva los params
-  const { id } = await params;
-
-  // 2️⃣ Buscamos el proyecto
-  const project = projects.find((p) => p.id === id);
+  const project = projects.find((p) => p.id === params.id);
   if (!project) {
     return notFound();
   }
-
-  // 3️⃣ Devolvemos la UI
   return <ProjectPage project={project} />;
 }