- Kurs Tanıtım
- Bağlantılar
- Kurulum & Dosya Düzeni
- Ana Layout'umuzu Oluşturalım - layout.js
- Font Ekliyoruz - next/font
- Head ve Meta Tag'ler - head.js
- Header ve Footer Ekleyelim - next/link
- Blog Card Component'i Yapalım - next/image
- Blogları Listeliyoruz - Data Fetching I
- Blog Sayfasını Yapıyoruz - Data Fetching II
- Loading Ekranı Ekliyoruz - loading.js
- 404 Sayfası Yapıyoruz - not-found.js
- Hata Sayfası - error.js
- Yayına Alıyoruz! - Deployment
What you'll learn
- Nextjs ile nasıl proje oluşturulur
- Nextjs'in bize vaad ettiği şeyler nedir ve nasıl kullanılır
- Nextjs ile bir proje sıfırdan nasıl geliştirilir ve canlı yayına alınır
- Nextjs 13 ile birlikte yeni gelen özellikler nelerdir
Description
Bu eğitim serisi ile birlikte sıfırdan Next.js öğreneceğiz ve bunu Next.js'in en yeni sürümü olan versiyon 13 ile birlikte yapıyoruz olacağız. Eğitimin sonunda Next.js versiyon 13'ün bize sunduğu bütün özellikleri ve yeni versiyon ile hayatımıza girmiş olan 'app' klasörü gibi özel konularıda öğrenmiş olacağız ve bu sayede Next.js ile ilgili her hangi bir proje önünüze geldiğinde veya bu alanda bir firmada profesyonel olarak çalışmak istediğinizde bunu yapabilecek kişisel güven ve rahatlığa sahip olmanızı hedefliyorum.
Kısaca eğitimde ne görüyoruz olacağız:
- Next.js versiyon 13 ile bir proje nasıl sıfırdan ayağa kaldırılır?
- Ayağa kaldırdığımız projeyi, kullanılabilir hale nasıl getiririz? Ve varsayılan olarak gelen dosyalar ne işe yarıyor?
- App klasörü nedir? Ne işe yarar? Ne için kullanırız?
- Next.js'de nasıl sayfa oluşturulur?
- Oluşturduğumuz sayfanın 'loading' durumu için nasıl sayfa oluştururuz?
- Oluşturduğumuz sayfanın 'error' durumlarında ki davranışları için nasıl sayfa oluştururuz?
- Genel bir 'not-found' 404 sayfası nasıl oluştururuz?
- Backend'den nasıl veri çekeriz?
- Çektiğimiz veriyi nasıl sitemiz içerisinde render ederiz?
- Server side rendering ve Client side rendering nasıl yapılır?
- Local'imizde yaptığımız projeyi nasıl canlı yayına alırız?
Bu ve bunun gibi daha bir çok konuyu ele aldığım ve bunları yaparken bir Blog sitesi inşa ettiğimiz bir eğitim serisine hazır olun. Hadi gelin başlayalım!
Other Courses
Personalised Jewellery Design Using Blender 4 (3 or 2.92)
Create personalised jewellery with relative ease and no investment in equipment or software (all free)
DNA Sequencing and its Application in the Real world
Learn the principles of Gene / DNA Sequencing. Learn about the application of Molecular Biology in the Real world.
Effective Inbound Marketing with They Ask You Answer
They Ask, You Answer is a revolutionary approach to inbound marketing to drive traffic, leads, and sales.
Marketing Automation Course - A Beginners Skilling up Guide
Know the latest Marketing Technology Trend in Marketing Automation. Processes, Tools, Workflows & Career opportunities
About the instructors
- 4.17 Calificación
- 3269 Estudiantes
- 3 Cursos
Mehmet Pekcan
Frontend Software Engineer
Selamlar ben Mehmet!
Yaklaşık 5 yıldır Frontend alanında geliştirme yapmakta olan bir Frontend meraklısıyım. Kariyerimin büyük çoğunluğunu React, Next.js, Vue.js ile profesyonel web uygulamaları geliştirerek geçirdim ve aynı şekilde devam ediyorum. Web anlatmayı, web'in temellerini framework bağlı kalmaksızın -- elimden geldiğince -- anlatmayı seviyorum. Muğla Sıtkı Koçman Üniversitesi Bilgisayar Mühendisiliği mezunuyum. Çeşitli organizasyon ve topluluklarda gönüllü olarak Web eğitimleri & konuşmaları yapıyorum.