Next js dinamik meta tagları

Bugün Next.js’de girdiğimiz her sayfada meta taglarımızın değişmesini sağlayacağız. Öncelikle Next.js projemizde/pages/index.js’e giriyoruz. Sonrasındaimport Head from “next/head”yazarak Next.js’in kütüphanesinden Head’i projemize dahil ediyoruz. Sonrasındareturn()’ün içine Head etiketini açıyoruz.index.js’de vericeğimiz Head etiketi bizim sayfaya ilk girdiğimizde gözükecek title’dır hemen Head etiketinin içine bir title ekleyip deneyelim. Bu yöntem ile her sayfamızın başına Head etiketini ekleyerek title’ı […]

Next js sayfayı yenileyince 404 hatası

Next.js Sayfayı Yenileyince 404 hatası çözümü Nextjs page goes to 404 on refresh Bu hatanın çözümü gerçekten çok basit, ancak biz projemizi npm run dev yazarak çalıştırdığımızda (yani localhost:3000 portunda) böyle bir hata ile karşılaşmaycağız ancak sunucuya (deneme.com vs.)’ye attığımızda ve herhangi bir sayfaya girip yenilediğimizde 404 hatası alacağız, bunun pek çok nedeni olabilir ama […]

Next js routing

Next.js’de Routing nasıl işler Next.js’de file based roting dediğimiz dosya yolları ile sayfalar arası geçiş mantığı kullanılır, Bunun pek çok avantajı gibi dezavantajı’da vardır. Basit bir örnek yapalım. Öncelikle pages/index.js‘e geliyoruz ve içindeki kodları temizliyoruz, sonrasında içine h1 etiketi ile herhangi bir yazı atarak çalışıp çalışmadığını test edelim. eğer visual studio code programınızda ES7 React/Redux/GraphQL/React-Native snippets adlı eklenti […]

Next js data fetch

Nextjs Veri Alışverişi Next js data fetch Nextjs’de kendi databasemizde çalışmak için kendi apilerimizi yazmış olmamız gerekiyor, ancak biz hazır bir api ile çalışacağımızdan dolayı buna gerek yok. Öncelikle apimize bağlantımızı kuralım. Api Bağlantımız Verilerimizi getireceğimiz yer öncelikle kullanıcıları listeleyeceğimiz yer olduğundan dolayı /pages/users/index.js üzerinde api bağlantısını kuralım Burada getStaticProps diyerek verimizi alacağımız fonksiyonu oluşturduk daha sonra burada res adında […]

Nextjs Redirect

Nextjs Otomatik Yönlendirme Nextjs Redirect Bugün Nextjs Projemizde Redirect (Yönlendirme) işlemini yapacağız, Örnek olarak sayfaya girdiğimizde bizi otomatik olarak “/users” rotasyonuna yönlendirecek. Öncelikle “next.config.js” dosyasını açmakla başlayalım, eğer böyle bir dosya yok ise oluşturalım Sonrasında aşağıda vereceğimiz kodu “next.config.js” e yapıştıralım ve koddaki talimatları yerine getirelimmodule.exports = { reactStrictMode: true, async redirects() { return[ { […]

Web Sitenizi Google Analytics ile İzleyin!

Google Analytics kaldırılacak mı ? Google’un yazılım geliştiricilerini ve web sitesi sahiplerinin kullandığı bir    hizmeti olan Google Analytics’in kaldırılacağı duyruldu. Peki ya Google    Analytics kaldırıldığında yerine hangi hizmet sunulacak? Google Analytics (diğer bir adıyla Universal Analytics) nedir ? Google Analytics Google’un web sitesi izleme ve analiz çıkarma hizmetidir.    Bu hizmet ile web […]

WhatsApp Üzerinden Alışveriş Yapmak Artık Mümkün !

Sosyal medyanın yükselişiyle birlikte ürünlerini pazarlamak için sosyal medyayı ciddi şekilde kullanan işletmeler, sipariş toplamak için ise WhatsApp gibi mesajlaşma uygulamalarından yararlanabiliyor. Bu durumun farkında olan Facebook, WhatsApp’ın yeni iş modeliyle birlikte satış için direkt olarak kullanılmasını hedefliyor. Business uygulaması için katalog özelliğini kullanıma sunan WhatsApp, resmi bir web sitesi olmayan işletmeler için de bir […]

Google Benim İştetmem kalkıyor mu ? İşletmeler ne yapmalı?

Google Benim İşletmem Ne Zaman Kapanıyor? Google, birçok işletmeyi yakından ilgilendiren önemli bir karara imza attı. Dünyanın en büyük arama motoru Google, artık Benim İşletmem uygulamasının kullanılmayacağını belirtti. Şirketlerin oluşturdukları Google My Business profilleri bu karar ile yayından kalkacak ancak Google bunun için bir zaman vermeyip 2022 yılı içerisinde kapanacağını belirtti. İşletmeler ne yapmalı? Google’dan […]

Apple kendi arama motorunu geliştiriyor! Google’a rakip mi olacak?

Apple WWDC etkinliğine birkaç gün kala birçok kişi, bazı önemli değişikler bekliyordu. Son haberlere göre Apple, Google’ın yerini alabilecek bir arama motoru geliştiriyor. Amerikalı bir blog yazarının yaptığı bu paylaşımın yanı sıra konferansta neler olacağı hakkında çeşitli paylaşımlar yaptı. Firmanın bir arama motoru üzerinde çalıştığını dile getiren Scoble, bunun nasıl veya ne şekilde olacağı konusunda […]

  • 1
  • 2