Bu kurs, sıfırdan ileri seviye Next.js 13 web uygulamalarının geliştirilmesine odaklanmıştır. Kursun içeriği, temel Next.js kavramlarının anlaşılmasından başlayarak, Next.js'in ileri seviye özelliklerini, çoklu sayfa uygulamalarının geliştirilmesi ve özelleştirilmesi gibi konuları içermektedir. Kurs, öğrencilerin Next.js'in nasıl kullanıldığını, çoklu sayfa uygulamalarının oluşturulmasını ve özelleştirilmesini öğrenmelerini sağlayacak şekilde tasarlanmıştır. Aynı zamanda bu öğrenilerin yanı sıra portfolyonuzda şık duracak Next.js 13 ile yapılmış örnek projeleri birlikte yapacağız ve gerçek hayatta karşınıza çıkacak websitelerini sıfırdan Next.js kullanarak oluşturma deneyimini yakalamış olacaksınız.
Bu kurs, sıfırdan ileri seviye Next.js 13 web uygulamalarının geliştirilmesine odaklanmıştır. Kursun içeriği, temel Next.js kavramlarının anlaşılmasından başlayarak, Next.js'in ileri seviye özelliklerini, çoklu sayfa uygulamalarının geliştirilmesi ve özelleştirilmesi gibi konuları içermektedir. Kurs, öğrencilerin Next.js'in nasıl kullanıldığını, çoklu sayfa uygulamalarının oluşturulmasını ve özelleştirilmesini öğrenmelerini sağlayacak şekilde tasarlanmıştır. Aynı zamanda bu öğrenilerin yanı sıra portfolyonuzda şık duracak Next.js 13 ile yapılmış örnek projeleri birlikte yapacağız ve gerçek hayatta karşınıza çıkacak websitelerini sıfırdan Next.js kullanarak oluşturma deneyimini yakalamış olacaksınız.
Bu kursun sonunda;
- Next.js nedir ve neden kullanılmalıdır?
- Next.js ile bir web sitesi nasıl geliştirilir?
- Client-side rendering ve Server-side rendering nedir? Farkları nelerdir?
- Next.js ile bir uygulama geliştirirken CSR mı SSR mı kullanmalıyım?
- Next.js ile bir uygulama sıfırdan, production seviyesine nasıl hazırlanır?
- Next.js ile yapılan bir uygulamayı nasıl deploy ederiz?
- Next.js kullanırken nelere dikkat etmeliyiz?
- Next.js ile Data Fetching nasıl yapılır?
- Next.js ile Caching ve Revalidation nasıl yapılır?
- Next.js ile kompleks Routing sistemleri nasıl oluşturulur?
gibi temel konular olmak üzere bütün Next.js konularını en ince ayrıntısına kadar öğreniyor ve tam olarak nerelerde kullanılması gerektiğine dair bilginiz olucak. Ve bunların hepsini Next.js'in versiyon 13'ünü kullanarak yapacağız ve bu sayede Next.js'in en güncel ve önerilen kullanım pratiklerine hakim olacağız.
Kurulum yaparken kullandığım script:
```
npx create-next-app@latest --experimental-app
# ya da
yarn create next-app --experimental-app
```
Projenin bitmiş source koduna aşağıdaki linkten ulaşabilirsiniz:
https://github.com/mehmetpekcan/imaginer
ÖNEMLİ NOT
Birazdan ekleyeceğimiz Rate Limiter için Middleware kullanıyoruz ve kullanıcıyı kimliklendirmek için IP adresine bakıyoruz fakat burada önemli bir nokta var. IP adresleri Middleware içerisinde kullanılan hosting provider tarafından gömülüyor bu sebepten dolayı eğer kullandığımız hosting sağlayıcısı örneğin Vercel, eğer bu IP adresini request ile birlikte yollamazsa ulaşamayacağımızdan Middleware tam istediğimiz gibi çalışmayacaktır. Bu durumda çözüm olarak video içerisinde göreceğiniz `applyRateLimiting` function'ını, Middleware kullanmak yerine API route içerisinde kullanmanızı öneririm.
Detaylı bilgi için Next.js reposundaki issue'ya bakabilirsiniz.
https://github.com/vercel/next.js/issues/37366
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.