nextjs benzeri bir ssr (server side rendering) yapı kullanmadığınız sürece google sizi asla ve asla indexlemeyecek. frontendde iken ctrl + u ile kaynak görüntülerseniz hiçbir kod göremeyeceksiniz (sabit birkaçı hariç). yaptığınız işlemler maalesef client-side olarak renderlandığı için sadece document ready - dom loaded anında siz siteyi görüyorsunuz. ama google gibi arama motoru robotları domdan bir haber çalıştıkları için webcrawl yaparken kaynak kodu üzerinden işlem yapıyor. sonuç olarak siz dünyanın en iyi, en güzel, en seo uyumlu yapısını da yazsanız, react, vue, astro, svelte gibi reactive js kütüphanelerinin ssr halini kullanmadığınız sürece google ve diğer arama motorları sizi indexleyemeyecek. kodunuz kötü demiyorum tekrar ediyorum yanlış anlamayın. reactın yapısı gereği böyle. nextjs e geçmenizi tavsiye ederim. orada da zaten react yazıyorsunuz projeyi kopyalamanız çok sorun yaratmaz.

kolay gelsin.