Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, anlatıcı Next.js kurulumunu adım adım göstermektedir.
- Video, Next.js'in ne olduğunu açıklayarak başlıyor ve ardından kurulum sürecini detaylı şekilde anlatıyor. Anlatıcı, Next.js'in React framework olduğunu, TypeScript ile kullanıldığını ve server rendering yaptığını belirtiyor. Kurulum için Node.js 16.8 ve üstü sürümünün gerekli olduğunu vurguluyor ve "npm install -g npx create-next-app next-13" komutunu kullanarak kurulum yapmayı gösteriyor. Ayrıca, kurulum sonrası uygulamanın nasıl çalıştırılacağını da açıklıyor.
- 00:07Next.js Kurulumuna Giriş
- Video, Next.js kurulumunu adım adım anlatacak.
- Next.js, React framework'i olup TypeScript ile kullanılabiliyor ve server rendering özelliğine sahip.
- Next.js 13 versiyonu yayınlandığı için dökümantasyonu takip ederken dikkatli olunmalı.
- 00:59Next.js 13'ün Özellikleri
- Next.js 13'ün yeni versiyonunda tüm özellikler "app" klasörüne taşınmış, önceki versiyonda "pages" klasöründe bulunuyordu.
- Next.js 13'ü kullanmak için "beta" dökümantasyonuna bakılmalı.
- Next.js ile oluşturulan uygulamaları Vercel'e kolayca deploy etmek mümkündür.
- 02:20Kurulum Gereksinimleri
- Next.js kurulumu için Node.js 16.8 ve üstü sürümüne sahip olunması gerekiyor.
- Node.js sürümünü öğrenmek için "node -v" komutu kullanılabilir.
- Kurulum için "npx create next app" komutu kullanılmalı ve "experimental app" seçeneği ile Next.js 13 kurulmalı.
- 03:21Kurulum İşlemi
- Kurulum sırasında uygulama adı, TypeScript kullanımı ve ESLint seçenekleri sorulur.
- Kurulum sırasında React, React DOM, Next.js ve Next Font gibi bağımlılıklar yüklenir.
- Dosya yapısında "app" ve "pages" klasörleri bulunur, ancak "app" klasörü daha önemli bir rol oynar.
- 04:24Uygulamayı Çalıştırma
- Kurulum tamamlandıktan sonra "npm run dev" komutu ile uygulama ayağa kaldırılabilir.
- Uygulama "localhost:3000" adresinde çalışır ve "Next.js 13" olarak isimlendirilir.
- Next.js kurulumu React'e göre daha hızlı ve basit bir şekilde tamamlanır.