Next.js H1 Gözükmeme SOrunsalı

Merhaba,

Next.js ile geliştirilmiş bir scriptimiz var.
Heading checker yada benzeri screaming frog gibi araçlarla sitede tarama başlattığımızda araçlar sayfadaki heading etiketlerini bulamıyor.
Sayfa kaynağını görüntüle deyip <h1 olarak ctrl+f ile arama yaptığımızda bizde göremiyoruz.
Ancak yazıyı seçip öğeyi denetle deyince o seçtiğimiz yazının heading etiketi o zaman gözüküyor.

Problemi nasıl çözebilirim? Bu konuda yardımcı olabilecek var mı?

NextJS'si SSR (server side rendering ) olmadan kullanıyor olabilir misiniz?

SSR yok, nasıl ekleyeceğim?

Normal return içinde ayarlı ;



return (
<>
<div>
<div className="bg-main flex flex-col gap-3 py-20 mx-auto items-center justify-center w-full">
<h1 className="text-5xl text-center md:text-3xl text-white">
{`${data?.name} ${data?.add}`}
</h1>
<p
dangerouslySetInnerHTML={{
__html: seo.site_description
}}
className="text-gray font-normal text-center md:n-font"
></p>


</div>


</div>


);

şeklinde, bu sayfayı SSR nası dahil edeceğim acaba?

getServerSideProps / getStaticProps kullanırsan SSR aktif olur, bu methodlar yoksa CSR çalışır maalesef.

sorunuzu hallederim ihtiyaç duyarsanız PM iletebilirsiniz

export const getServerSideProps = async (context) => {
const { params } = context;
const data = await getCategoryAPI(params.categoryId); // API çağrısı
const seo = {
site_description: "SEO için uygun bir açıklama." // SEO verileri
};
return {
props: {
data,
seo,
},
};
};

Şunu eklememe rağmen sonuç değişmiyor nedense.