Next.js Fullstack Typescript Bootcamp

Program Süresi

Tahmini Toplam Süre: 1 - 2 Hafta arası (Bootcamp'deki teknolojilerde zaten tecrübeliyseniz daha kısa sürebilir)

• React Foundations: 1 - 2 Gün (10 Bölüm)
• App Router (Dashboard App): 5 - 7 Gün (15 Bölüm)
• Hands-on Video & Uygulamalı Deneyim: 2 - 3 Gün

Programın Teknik İçeriği

Program kapsamında sırasıyla takip edilecek dokümantasyonlar, eğitim modülleri ve veritabanı kurulum adımları aşağıda yer almaktadır:

1. React Foundations (Next.js Learn)

İlk adım olarak React temellerini ve Next.js'e geçiş esaslarını inceleyin:

• Dokümantasyon Bağlantısı: nextjs.org/learn/react-foundations/what-is-react-and-nextjs (İlk 10 bölümü bitirmeniz yeterlidir.)
• React ve Next.js temel kavramları, bileşen mimarisi, JSX ve State yönetimi.

2. Next.js App Router (Dashboard App)

Next.js'in güncel App Router yapısını kullanarak dashboard uygulamasını geliştirin:

• Dokümantasyon Bağlantısı: nextjs.org/learn/dashboard-app/getting-started (İlk 15 bölümü bitirmeniz yeterlidir.)
• React Server Components (RSC), Dynamic Routing, Layouts & Loading States.
• Form handling, Server Actions, Data Fetching, Mutations ve Authentication (NextAuth).

3. PostgreSQL Veritabanı & Docker Kurulumu (Chapter 6)

Eğitimin 6. Bölümünde pure PostgreSQL yerine veritabanınızı Docker ve yerel ortama bağlamak için aşağıdaki adımları uygulayın:

1. PostgreSQL ayağa kaldırın (Docker kullanılması önerilir).
2. Bir DB Instance oluşturun.
3. Kod tarafında .env.example yazan dosya adını .env olarak değiştirin ve ortam değişkenlerinizi aşağıdaki şekilde tanımlayın:

# PostgreSQL Database Connection Variables
POSTGRES_URL="postgresql://postgres:@localhost:5432/DB_NAME"
POSTGRES_PRISMA_URL="postgresql://postgres:@localhost:5432/DB_NAME?schema=public"
POSTGRES_URL_NON_POOLING="postgresql://postgres:@localhost:5432/DB_NAME"
POSTGRES_USER=postgres
POSTGRES_HOST=localhost
POSTGRES_PASSWORD=YOUR_PASSWORD
POSTGRES_DATABASE=DB_NAME

# NextAuth Secret & URL
AUTH_SECRET=openssl_generated_random_secret
AUTH_URL=http://localhost:3000/api/auth

4. Kod tarafında PostgreSQL ile bağlantı kurulan yerlerde yer alan { ssl: 'require' } ifadelerini silin.
5. Tarayıcınızdan localhost:<your_port>/seed endpoint'ine giderek veritabanı başlangıç verilerini (seed) yükleyin.

4. Hands-on Video & Uygulamalı Deneyim

Aşağıdaki video kaynağını izleyip uygulamayı birebir kodlayarak hands-on deneyim kazanın:

• Video Rehberi: https://youtu.be/EZajJGOMWas (2-3 Gün)

Yapılacak Görevler

• Görev 1 (React Foundations): 10 bölümlük React Foundations dokümantasyonunu tamamlayıp temel bileşenleri ve state yapısını uygulayarak çıktısını almak.
• Görev 2 (Next.js Dashboard & PostgreSQL): Dashboard projesini klonlayarak Docker üzerinde PostgreSQL veritabanını bağlamak, .env dosyasını yapılandırmak ve /seed endpoint'i üzerinden veritabanı verilerini doldurup projeyi eksiksiz çalıştırmak.
• Görev 3 (Hands-on Project Delivery): Video rehberdeki projeyi birebir uygulayarak yayına hazır duruma getirmek ve GitHub repository linkini iletmek.

Başarılı Mezunların İlerleme Süreci

Programı başarıyla ve makul sürede tamamlayan adaylar için süreç sonunda izlenecek adımlar:

1. Kod ve Proje İncelemesi (Code Review): Tamamlanan görevler ve GitHub repository'leri kıdemli yazılım mühendisleri tarafından detaylı değerlendirilir ve adaya mentoring sağlanılır.
2. Teknik Görüşme & Geribildirim: Aday ile birebir teknik görüşme gerçekleştirilerek proje mimarisi, veri akışı ve kod kararları üzerine konuşulur.
3. Gelişim ve İlerleme Değerlendirmesi: Programı başarıyla tamamlayan adayların cv'leri firmamız ve partner firmaların işe alım uzmanlarınca önceliklendirilir ve kısa sürede istihdam'a kazandırılması hedeflenir.
4. Aday Açısından Kazanımlar: Programa katılan adaylar ücretsiz mentoring desteği alarak yeni teknolojilerle tanışmış olur. Cv'sinde her zaman gösterebileceği bir bootcamp programını tamamlamış olur. Teknik açıdan eksik yönlerini farkedip geliştirme imkanı bulur.