React Projesine Bootstrap’i Dahil Etme Bir React projesine nasıl Bootstrap’i Dahil ederiz Daha fazla bilgi için Bootstrap resmi sitesi :Bootstrap Öncelikle React projemizdeki public klasörünün içindeki index.html dosyasını açalım

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ı çö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’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 […]

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 […]

Bilindiği üzere Google Workspace (Eski adıyla G Suite) artık ücretli oldu. Mevcutta ücretsiz olarak gmail mail server alt yapısı kullanan kullanıcılar artık kendisine uygun bir paket seçerek ücretli sürüme geçiyor. Google bununla ilgili kullanıcılara gönderdiği maille kişilerden paralı olan Google Workspace hizmetine geçmesini istedi. Uzun yıllardır işletmeler ve okullara yönelik bu hizmetin legacy adında ücretsiz […]