Обязательно делать два запроса к БД для получения динамических мета данных?

Question

[Boris007]

По какому принципу работают динамические мета данные в нексте?
Если со статическими все понятно, то здесь мы получается обязаны делать два запроса?
Вот пример, как мы получаем мета данные и их вставляем

import { Metadata, ResolvingMetadata } from 'next'
 
type Props = {
  params: { id: string }
  searchParams: { [key: string]: string | string[] | undefined }
}
 
export async function generateMetadata(
  { params, searchParams }: Props,
  parent: ResolvingMetadata
): Promise<Metadata> {
  // read route params
  const id = params.id
 
  // fetch data
  const product = await fetch(`https://.../${id}`).then((res) => res.json())
 
  // optionally access and extend (rather than replace) parent metadata
  const previousImages = (await parent).openGraph?.images || []
 
  return {
    title: product.title,
    openGraph: {
      images: ['/some-specific-page-image.jpg', ...previousImages],
    },
  }
}
 
export default function Page({ params, searchParams }: Props) {}

А здесь просто страница с запросом к апи

async function getData() {
  const res = await fetch('https://api.example.com/...')
  // The return value is *not* serialized
  // You can return Date, Map, Set, etc.
 
  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 Page() {
  const data = await getData()
 
  return <main></main>
}

В обеих случаях мы делаем запрос к БД внутри каждой функции мета и страницы

Comments

[szQocks]

про какие 2 запроса ты говоришь ? - имеешь в виду запрос вызывается 2жды ?

[szQocks]

если вопрос по поводу того почему fetch вызывается 2жды, то это связано с кэшированием в нексте, там всё жестко кэшируется и запросы даже, поэтому запрос вызывается 2жды, проверки какие-то проводит связаны с кэшом - и это не как не пофиксить, ну по крайней мере я в доке не нашёл того - как избавить от этого

так же плюс в этом есть то что можно вызвать один и тот же запрос в разных частях приложения при первом http, например в шапке и в подвале - в итоге один из запросов будет взял из кэша полностью, не знаю как часто это применяют но в нексте описано что это работает так

https://nextjs.org/docs/app/building-your-applicat...