• 17-09-2024, 18:27:16
    #10
    Jaguartsx adlı üyeden alıntı: mesajı görüntüle
    SSr konusunda ne tavsiye verebilirsiniz blog sayfaları için en basitinden dikkat etmemiz gerekenler vs. aynı şekilde client side da da dikkat etmemiz gereken bişeyler olur mu ? Blog siteleri için
    directus yada herhangibir api cms kullandığın senaryoda;
    ssg için :
    getStaticProps ile build time da bu verileri çekip pre-render yaptırman gerekiyor
    https://nextjs.org/docs/pages/buildi...t-static-props

    ssr için :
    fetch isteklerini client da değil sunucu kısmında atman gerekiyor ,
    app router için : server side bir sayfada direk fetch ile verileri getirmen yeterli (use client kullanmadığın bi sayfada)
    pages router için : getServersideProps kullanman gerekiyor
    https://nextjs.org/docs/pages/buildi...ver-side-props

    ana mantık şu sayfa ilk yüklendiğinde en kritik yerler (içeriğin başlıkların vs.) hali hazırda render edilmiş olmalı.sayfa yüklendikten sonra istek atıp veriler çekilmemeli.
  • 17-09-2024, 18:34:42
    #11
    slipknot adlı üyeden alıntı: mesajı görüntüle
    directus yada herhangibir api cms kullandığın senaryoda;
    ssg için :
    getStaticProps ile build time da bu verileri çekip pre-render yaptırman gerekiyor
    https://nextjs.org/docs/pages/buildi...t-static-props

    ssr için :
    fetch isteklerini client da değil sunucu kısmında atman gerekiyor ,
    app router için : server side bir sayfada direk fetch ile verileri getirmen yeterli (use client kullanmadığın bi sayfada)
    pages router için : getServersideProps kullanman gerekiyor
    https://nextjs.org/docs/pages/buildi...ver-side-props

    ana mantık şu sayfa ilk yüklendiğinde en kritik yerler (içeriğin başlıkların vs.) hali hazırda render edilmiş olmalı.sayfa yüklendikten sonra istek atıp veriler çekilmemeli.
    Teşekkür ederim anladım.
    Zaten pages router kullanmıyorum. O yüzden app router de fetch ile çekerim.
    Peki ssr için use server kullanmalı mıyız misal use client kullanmadığımız bazı durumlarda nextjs hata veriyor sayfa yüklenmiyor doğal olarak use client kullanmamız gerktiği konusunda uyarıyor.
    Tam anlatamamış olabilirim kusura bakmayın javasciprt çok iyi öğrenemedim henüz doğal olarak react ve nextjs ' i de tam öğrenemedim. Öğrenmeye çalışıyorum hala ufak tefek eksikliklerim var.
  • 17-09-2024, 18:39:35
    #12
    Jaguartsx adlı üyeden alıntı: mesajı görüntüle
    Teşekkür ederim anladım.
    Zaten pages router kullanmıyorum. O yüzden app router de fetch ile çekerim.
    Peki ssr için use server kullanmalı mıyız misal use client kullanmadığımız bazı durumlarda nextjs hata veriyor sayfa yüklenmiyor doğal olarak use client kullanmamız gerktiği konusunda uyarıyor.
    Tam anlatamamış olabilirim kusura bakmayın javasciprt çok iyi öğrenemedim henüz doğal olarak react ve nextjs ' i de tam öğrenemedim. Öğrenmeye çalışıyorum hala ufak tefek eksikliklerim var.
    use server a gerek yok , use client kullanma yeterli.
    use client kullanman konusunda şu nedenle uyarır : sayfada client side kod (onClick,useEffect,useState vs..) browser üzerinde çalışacak kodları çalıştırmamalısın.Eğer bunlar çalıştırmak istiyorsan bunları ayrı bir component içine alıp use client ı bu komponente yazıp (ayrı dosyada).Ardından bu use client kullandığın componenti,use client kullanmadığın ssr yapmak istediğin sayfaya import edebilirsin.Bu şekilde sadece o component browserda açılır (bu component ssr ile renderlanmaz) ama sayfanın geri kalanı ssr kullanmış olur.
  • 17-09-2024, 18:45:59
    #13
    slipknot adlı üyeden alıntı: mesajı görüntüle
    use server a gerek yok , use client kullanma yeterli.
    use client kullanman konusunda şu nedenle uyarır : sayfada client side kod (onClick,useEffect,useState vs..) browser üzerinde çalışacak kodları çalıştırmamalısın.Eğer bunlar çalıştırmak istiyorsan bunları ayrı bir component içine alıp use client ı bu komponente yazıp (ayrı dosyada).Ardından bu use client kullandığın componenti,use client kullanmadığın ssr yapmak istediğin sayfaya import edebilirsin.Bu şekilde sadece o component browserda açılır (bu component ssr ile renderlanmaz) ama sayfanın geri kalanı ssr kullanmış olur.
    Anladım teşekkür ederim. Zaten use clienti öğrendim artık use serveri çok bilmiyorum.
    Basitçe diyorsunuz ki yazı içeriği başlık resimler gibi tık alacak blog içeriği ssr kullanmalı ama front-end kısmı butonlar div section vs use client kullanmalı doğru mu anladım?