pass parameter inside generateStaticParams function for SSG NextJS

Question

for my SSG page I need to pass a parameter which is language to my api call function which is inside generateStaticParams function, I have stored language inside cookies and I can not access that, is there a way I can pass params to my function?

export async function generateStaticParams() {
  const getAllCategories = await getCategories(); // this needs language
  return getAllCategories.map((category: Category) => ({
    id: category.id,
    category: category.groupName,
  }));
}

Radmehr · Answer 1 · 2023-06-03T08:07:06.587

0

You can use cookies with Nextjs official lib in Next13

import { cookies } from 'next/headers';

export async function generateStaticParams() {

    const cookieStore = cookies();
    const language = cookieStore.get('language');

    const getAllCategories = await getCategories(language); // this needs language
    return getAllCategories.map((category: Category) => ({
        id: category.id,
        category: category.groupName,
    }));
}

edited Jun 03 '23 at 08:07

answered Jun 02 '23 at 04:19

Radmehr

299
2
12

getStaticProps is not available in Next13 app dir – EshgheCode Jun 02 '23 at 07:03
Updated to `getServerSideProps` – Radmehr Jun 02 '23 at 07:29
also this is not available, refer do the docs functions section (with app router not pages) – EshgheCode Jun 02 '23 at 07:33
Updated to Next13 using app router – Radmehr Jun 03 '23 at 08:05

pass parameter inside generateStaticParams function for SSG NextJS

1 Answers1