Netflix Clone Full Stack React, Tailwind CSS, Next.JS, Prisma, MongoDB, Vercel (2024)
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
🌐 Website: https://efegorkemumit.com/
Tüm projeler, kaynak kodlar ve detaylı bilgilere buradan ulaşabilirsiniz.
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
📂 Source Code:
Projelerimin tamamının kaynak kodlarına ulaşmak için:
https://efegorkemumit.com/
💻 Firstly Code:
Projelerde kullanılan kaynak kodlar, resimler ve bazı dosyaları web sitemden indirebilirsiniz:
https://efegorkemumit.com/
📑 Detai ve Other Project:
Proje detayları, ve diğer videolar için:
https://efegorkemumit.com/
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
☕ Bana bir kahve ısmarla: https://buymeacoffee.com/efegorkemumit
💬 Süper teşekkürle veya kahve ısmarlayarak destek olabilirsiniz!
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
📷 Instagram: @efegorkemumit
Projeler veya işbirlikleri için bana Instagram'dan ulaşabilirsiniz.
/ efegorkemumit
🔗 LinkedIn: / efe-g%c3%b6rkem-%c3%bcmit-a084009b
Profesyonel ağlarda bağlantı kurmak için LinkedIn profilimi ziyaret edebilirsiniz.
🎥 Videolarımı beğenmeyi ve kanalıma abone olmayı unutmayın! 👍🔔
Destekleriniz sayesinde yeni içeriklerimi kaçırmazsınız. ▬▬▬▬⭐▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬👋 ▬▬▬▬▬▬⭐
Kaynak Code ve Daha Fazlası için : www.efegorkemumit.com
▬▬▬▬⭐▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬👋 ▬▬▬▬▬▬⭐
🌐 Website: [efegorkemumit.com](https://efegorkemumit.com/)
📷 Instagram: [@efegorkemumit]( / efegorkemumit )
Bir fikriniz mi var ? Projeye mi ihtiyacınız var ? instagram dan bana ulaşabilirsiniz : @efegorkemumit
🎥 Yorumlarınız ve destekleriniz benim için çok önemli! Lütfen videolarımı beğenmeyi ve kanalıma abone olmayı unutmayın, böylece yeni videolarımı kaçırmazsınız! 👍🔔
-------------------------------------------
#ReactDevelopment #NextjsDevelopment #PrismaORM #RealTimeCommunication #MongoDBAtlas #TailwindCSSDesign #WebAppDevelopment #ProgrammingTutorial #CodeTutorial #DevelopmentTutorial #TechTips #CodingCommunity #DeveloperResources #SoftwareEngineering #CodeNewbie #FullStackDevelopment #WebDesign #MessengerApp #BuildWithReact #LearnProgramming #WebDevResources #DevTools #CodingSkills #Vercel #ModernWebDevelopment #Frontend #Backend #CodingJourney #OpenSource #JavaScript #FullStack #WebDevelopment #RealTimeMessaging #MessengerClone #TechTutorial #SoftwareDevelopment #CodeWithMe #DeveloperCommunity #LearnToCode
Merhaba arkadaşlar! Bu videoda, Netflix benzeri bir uygulama oluşturmak için kullandığımız teknolojilere derinlemesine bir bakış yapacağız. Full stack olarak geliştirilmiş bu uygulama, React, Tailwind CSS, Next.js, Prisma, MongoDB ve Vercel gibi güçlü araçları içeriyor. Şimdi, bu teknolojileri kullanarak nasıl bir Netflix klonu yapabileceğinizi adım adım görelim.
1. Proje Kurulumu:
React, Tailwind CSS ve Next.js kullanarak projemizi nasıl başlatacağımızı anlatacağız. Bu adım, kullanıcı arayüzünü oluşturmamıza odaklanacak.
2. Veritabanı Bağlantısı:
Prisma ve MongoDB ile nasıl entegre edeceğimizi öğrenerek, uygulamamıza güçlü bir veritabanı desteği ekleyeceğiz.
3. Back-End Geliştirme:
Next.js kullanarak sunucu tarafı (server-side) mantığını oluşturacağız ve Prisma ile veritabanı işlemlerimizi yöneteceğiz.
4. Oturum Açma ve Kullanıcı Yönetimi:
Kullanıcıların oturum açmasını ve uygulama içinde nasıl yönetileceğini ele alacağız.
5. İçerik Gösterimi:
Netflix benzeri bir platformda içerik nasıl gösterilir, filtrelenir ve düzenlenir, bunları inceleyerek ana sayfa tasarımını gerçekleştireceğiz.
6. Video Akışı ve Oynatma:
Videonun nasıl akış yapılacağını ve kullanıcıların içerikleri nasıl oynatacağını göstereceğiz.
7. Uygulama Dağıtımı:
Son olarak, Vercel kullanarak uygulamamızı nasıl dağıtabileceğimizi öğrenerek, gerçek bir çevrimiçi ortamda nasıl yayınlanacağını göreceğiz.
Bu video, başlangıçtan sona kadar bir Netflix klonu oluşturmak için ihtiyacınız olan tüm adımları içerecek. Hazırsanız, hemen başlayalım!
Timestamps
00:00 Intro
02:29 Proje Kurulum
11:44 Login Register Sayfası Tasarım
56:49 Prisma Client Ayarlar
1:00:02 MongoDB
1:03:02 Prisma Schema
1:15:46 NextAuth ve Giriş İşlemleri
1:53:22 Google ve Githubla Giriş
2:05:22 Server Auth
2:23:22 Navbar
03:06:00 Bilboard
03:30:00 Movie List
04:19:00 Favori
05:12:00 Modal
05:40:00 Vercel Deploy
-------------------------------------------
🌐 Website: [efegorkemumit.com](https://efegorkemumit.com/)
📷 Instagram: [@efegorkemumit]( / efegorkemumit )
#React, #tailwindcss #CSS, #Next.JS, #Prisma, #MongoDB, #NextAuth & #Vercel #yazılımteknolojileri #teknoloji #eğitim #udemy
#sibergüvenlik #yazılımteknolojileri #teknoloji #eğitim #udemy