Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, eğitmen React'ın yeni kurulumunu anlatmaktadır.
- Videoda React'ın artık create-react-app'i desteklemeyeceğini ve yerine Next.js, Gatsby ve Remix gibi full stack framework'leri önerdiğini açıklıyor. Eğitmen, Next.js'in kurulumunu adım adım gösteriyor ve projenin nasıl başlatılacağını anlatıyor. Ayrıca Next.js'in hazır router yapısı, image komponenti optimizasyonu gibi ekstra özelliklerini kısaca açıklıyor. Video, bir sonraki derslerde Next.js, TypeScript ve Tailwind CSS ile yeni bir tutorial'a geçileceğini belirterek sona eriyor.
- 00:01React'ın Yeni Kurulumu
- React artık create react app'i desteklemeyecek ve yerine Next.js, Gasp ve Remix gibi full stack framework'leri öneriyor.
- Bu framework'ler React'ın güçlü ve popüler framework'leri olup, hazır halde gelerek işi kolaylaştırıyor ve başlangıç anında birçok paketi yüklemeye gerek kalmıyor.
- Bu video React'ın son videosu olup, bir sonraki derslerde Next.js artı TypeScript ve Tailwind CSS ile yeni bir tutorial'a geçilecek.
- 01:13Next.js Kurulumu
- Kurulum için öncelikle komut çalıştırılır ve projenin adı belirlenir.
- TypeScript ve ESLint kullanmak isteniyorsa onay verilebilir, aksi halde "no" seçeneği tercih edilebilir.
- SRC directorisi oluşturulup oluşturulmayacağı ve app directory istenip istenmeyeceği sorulur.
- 03:03Projeyi Başlatma ve Özellikler
- Next.js'te geliştirme modunda "npm run dev" veya "yarn dev" komutu ile, production ortamında ise önce build alınıp sonra "npm run start" komutu ile çalıştırılabilir.
- Next.js'te router yapısı hazır olarak geliyor ve page klasörünün altında oluşturulan her dosya otomatik olarak dosya ismi ile tanımlanıyor.
- Next.js'te React kavramları (function component, state vb.) kullanılabiliyor ve ekstra özellikler (image komponenti, optimizasyon, link özelliği) sunuluyor.