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.

Programı Başarıyla Tamamlayan Adayları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.