export static

app/events/[slug]/page.tsx

@@ -5,6 +5,19 @@ import InfoItem from "@/components/info-item";
 import HumanCard from "@/components/human-card";
 import SocialItem from "@/components/social-item";
 
+export async function generateStaticParams() {
+    // Моканные данные мероприятий
+    const events = [
+        { slug: 'event-1' },
+        { slug: 'event-2' },
+        { slug: 'event-3' },
+    ];
+
+    return events.map(event => ({
+        slug: event.slug,
+    }));
+}
+
 export default function Page() {
     const infoItems = [
         {

app/participants/[slug]/page.tsx

@@ -5,6 +5,19 @@ import InfoItem from "@/components/info-item";
 import Image from "next/image";
 import SocialItem from "@/components/social-item";
 
+export async function generateStaticParams() {
+    // Моканные данные участников
+    const participants = [
+        { slug: '1' },
+        { slug: '2' },
+        { slug: '3' },
+    ];
+
+    return participants.map(participant => ({
+        slug: participant.slug,
+    }));
+}
+
 export default function Page() {
     return(
         <main>

components/event-card.tsx

@@ -10,7 +10,7 @@ interface Props {
 
 const EventCard: React.FC<Props> = ({title, description, image}) => {
     return (
-        <Link href="events/event" className="border-[1px] border-white rounded-[6px] bg-darkGrey px-[13.5px] pt-[12px] pb-[35px] text-black">
+        <Link href="events/event-1" className="border-[1px] border-white rounded-[6px] bg-darkGrey px-[13.5px] pt-[12px] pb-[35px] text-black">
             {image ? <Image src={image} alt='image' width={288} height={177} /> :
                 <span className="flex w-[288px] h-[177px] bg-white"/>
             }

components/human-card.tsx

@@ -41,7 +41,7 @@ const HumanCard: React.FC<Props> = ({name, description, image, skills,post, vari
     };
 
     return (
-        <Link href="/participants/id" className={`${cardStyles[variant].main} backdrop-blur-custom border-[1px] border-white rounded-[6px] bg-darkWhite p-[10px] text-black w-fit shadow-custom`}>
+        <Link href="/participants/1" className={`${cardStyles[variant].main} backdrop-blur-custom border-[1px] border-white rounded-[6px] bg-darkWhite p-[10px] text-black w-fit shadow-custom`}>
             {image ? <Image src={image} alt='image' width={cardStyles[variant].img.w} height={cardStyles[variant].img.h} /> :
                 <Image src="/images/mok_human.svg" alt='image' width={cardStyles[variant].img.w} height={cardStyles[variant].img.h} className="rotate-[180deg]" />
             }

next.config.ts

@@ -1,7 +1,7 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
-  /* config options here */
+    output: 'export'
 };
 
 export default nextConfig;