Next.js. Функции api

generateStaticParams

Функция используется для статической генерации маршрутов совместно с динамической генерацией сегмента маршрута.

Пример страницы:

export async function generateStaticParams() {
  const films = await fetch('https://swapi.dev/api/films/').then((res) => res.json())
  return films.results.map((film) => ({
    slug: film.title.replace(/\s+/g, '-'),
  }))
   
}
export default function Post({ params: {slug} }) {
  return <h1>post {slug}</h1>
}

Получение и вывод данных с сервера

````typescript jsx async function getData(){ const res = await fetch(‘https://jsonplaceholder.typicode.com/posts’); if (!res.ok) { // This will activate the closest error.js Error Boundary throw new Error(‘Failed to fetch data’) }

return res.json() } export default async function Test() { const data = await getData(); return (<>{data.map(function(d){ return d.body; })}</>) } ````

Содержание