Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, konuşmacı Next.js framework'ünü tanıtmaktadır. Konuşmacı, Next.js'i birkaç kez kullanmış ve bu bilgileri paylaşmak istemiştir.
- Video, Next.js'in ne olduğunu açıklayarak başlıyor ve ardından manuel setup sürecini adım adım gösteriyor. Konuşmacı, Node.js kurulumu, npm ile paket yükleme, script ekleme ve sayfaları oluşturma gibi temel adımları gösteriyor. Ayrıca, Next.js'in linkleme mekanizmasını ve stillendirme konusuna da değiniyor. Video, sıfırdan orta seviyeye kadar olan kullanıcılar için hazırlanmış olup, Next.js'in React üzerine kurulu olduğunu ve yazılmasının kolay olduğunu vurguluyor.
- 00:01Next.js Tanıtımı
- Video, web sitesi nasıl yapılır ve nasıl yayına alınır konusunu Next.js framework'i üzerinden anlatıyor.
- Next.js, React üzerine kurulmuş, zengin özelliklere sahip ve yazılması kolay bir web framework'dür.
- Next.js, React bilgisine sahip kişiler için hızlı adapte olunabilecek, bilinmeyenler için ise React öğrenmek için iyi bir ilk adım olabilir.
- 01:38Next.js Kurulumu
- Next.js'i kullanmak için öncelikle bilgisayara Node.js (en az v10) yüklenecek, bu da npm paket yöneticisini de getirecek.
- Yeni bir proje oluşturmak için "npm init -y" komutu ile otomatik bir package.json dosyası oluşturulur.
- Next.js'i kullanmak için "npm install next react react-dom" komutu ile gerekli paketler yüklenir.
- 05:10Proje Ayarları ve Çalıştırma
- package.json dosyasına "npm run dev" komutu için gerekli script'ler eklenecek.
- Proje çalıştırılırken "pages" klasörünün ve içinde "index.js" dosyasının olması gerekiyor.
- "npm run dev" komutu ile proje ayağa kalkar ve lokal 3000 portunda çalışır.
- 07:05Sayfa Oluşturma ve Linkleme
- "pages" klasörünün altına oluşturulan her sayfa, URL'deki path'e denk gelir.
- Sayfalar arasında linkleme için "next/link" modülü kullanılır.
- Link komponenti, normal HTML linki yerine kullanılır ve root yönetimini otomatikleştirir.