1. CI/CD Nedir?

CI/CD (Continuous Integration / Continuous Deployment), kodun sürekli entegre edilip test edilmesi ve kontrollü şekilde yayınlanmasıdır. Kurumsal web projelerinde bunun gerçek karşılığı şudur: “Bir geliştirici değişiklik yaptı → otomatik kontroller çalıştı → staging’de doğrulandı → prod’a güvenle çıktı.” Bu akış yoksa, deploy her seferinde stresli bir manuel kontrol listesine döner ve hata kaçması normalleşir.
CI/CD nedir, web projelerinde neden önemlidir?
CI/CD; kod değişikliklerini otomatik test ve kalite kontrollerinden geçirip güvenli şekilde yayınlamaya yarar. Web projelerinde önemlidir çünkü canlı hatalarını azaltır, ekiplerin daha sık ve öngörülebilir deployment yapmasını sağlar ve rollback ile riski yönetilebilir hale getirir.
Mini Check
- •Her commit sonrası otomatik test/lint çalışıyor mu?
- •Staging ortamı prod’a benzer mi?
- •Her deploy bir sürüm numarasıyla izleniyor mu?
Ne yapmalıyım?
- • “Test geçmeden merge yok” kuralını koy
- • Staging’i prod ile aynı konfigürasyona yaklaştır
- • Deploy’ları sürümleyip changelog tut

2. Branch ve Ortam Stratejisi (Dev/Staging/Prod)
CI/CD’nin omurgası iki şeydir: branch stratejisi ve ortam stratejisi. “Branch’ler dağınık, ortamlar belirsiz” ise pipeline olsa bile güven oluşmaz.
Git flow (main/develop/feature) — pratik yaklaşım
- •feature/: geliştirme ve PR
- •develop: entegrasyon ve QA hazırlığı
- •main: prod’a giden stabil hat
Buradaki hedef, “main’e giden her şey testten geçmiş ve staging’de doğrulanmış olsun.”
Next.js kurumsal site için dev/staging/prod yapısını nasıl kurarım?
Dev ortamı geliştiricinin hızlı deneme alanıdır; staging ise prod’a en yakın “prova sahnesi”dir; prod canlıdır. Kurumsal Next.js projelerinde ideal akış: feature → dev test → staging deploy + QA/SEO kontrol → prod deploy. Staging’de içerik/UX/SEO kontrolleri yapılmadan prod’a geçilmez.
Mini Check
- •Staging URL’i ve erişim politikası net mi?
- •Staging’de gerçekçi veri (anonim) var mı?
- •Prod config ile staging config arasında “drift” var mı?
Ne yapmalıyım?
- • Staging’i “release adayı” mantığında kullan
- • Ortam değişkenlerini (env) dokümante et
- • Staging’de SEO kontrol (robots/sitemap/canonical) rutini koy

3. Next.js İçin Build ve Deployment Süreçleri

Next.js’de deployment stratejisi, seçtiğiniz platforma göre değişir ama kontrol noktaları aynı kalır: build doğruluğu, cache davranışı, environment yönetimi, observability.
Otomatik test ve lint aşamaları
Minimum kalite kapısı:
- •Lint + type check
- •Unit test
- •Build alınabilirlik (next build)
- •Temel smoke test (ana sayfa/rezervasyon formu/lead form)
Vercel/Docker ile deployment süreci nasıl olmalı?
Vercel’de preview deployments ile PR bazlı test akışı güçlenir; Docker yaklaşımı ise daha kontrollü altyapı isteyen ekipler için uygundur. Her iki modelde de staging deploy sonrası smoke test + SEO kontrol + log/alert doğrulaması yapılmalı, ardından prod’a alınmalıdır. Önemli olan platform değil, kontrol kapıları ve rollback planıdır.
Mini Check
- •PR preview / staging deploy otomatik mi?
- •Build artefact’leri izlenebilir mi?
- •Deploy sonrası smoke test otomatik mi?
Ne yapmalıyım?
- • Deploy sonrası otomatik smoke test ekle
- • “Kritik sayfalar” listesi ile regression test yap
- • Log/alert doğrulamasını release checklist’e koy
4. Rollback ve Versiyonlama
CI/CD’nin güven verdiği an, “hata olursa ne olacak?” sorusuna net cevap verdiğiniz andır. Rollback planı yoksa her deploy risklidir. Rollback; sadece “eski sürüme dönmek” değil, veri ve config ile birlikte güvenli geri dönüş demektir.
Rollback senaryoları (pratik)
- •En son stabil sürüme hızlı dönüş
- •Feature flag kapatma
- •Config rollback (env değişkenleri)
- •DB değişikliği varsa geri dönüş planı (içerik/CMS entegrasyonu)
Rollback ve bakım penceresi planını nasıl yaparım?
Önce “kritik saatleri” belirleyin (otel için yüksek trafik saatleri; B2B’de kampanya/launch saatleri). Deploy’ları mümkünse düşük riskli saatlere koyun, bakım penceresini iletişimle destekleyin ve rollback’i 5–10 dakikada yapılabilir hedefleyin. Her release’te “geri dönüş düğmesi” hazır olmalı: önceki artefact, config notları ve doğrulama adımları.
Mini Check
- •Son stabil sürüm her an deploy edilebilir mi?
- •Rollback için tek komut/tek tık var mı?
- •Rollback sonrası doğrulama adımları yazılı mı?
Ne yapmalıyım?
- • Her release’e sürüm numarası ve changelog ekle
- • Rollback prosedürünü runbook’a yaz
- • İlk 30 dakikada “post-deploy check” yap (SEO + form + ödeme)

5. Otel ve B2B İçin Örnek Pipeline’lar
Otel ve B2B’nin ortak ihtiyacı güvenli release’tir; fark “kritik akışlar”dadır. Otelde rezervasyon/ödeme ve uptime; B2B’de lead form, doküman indirme ve güvenlik.
Otel pipeline örneği (kritik akış odaklı)
- •Rezervasyon akışı smoke test
- •Mobil CTA’lar (ara/WhatsApp) kontrol
- •SEO kontrolleri: robots/sitemap/canonical
- •Bakım penceresi: düşük trafik saatleri + hızlı rollback
B2B pipeline örneği (lead + güvenlik odaklı)
- •Lead form submit + CRM entegrasyon testi
- •Güvenlik taraması / dependency audit
- •Doküman indirme + event ölçüm kontrolü
Key Statistics / Data Point: CI/CD yapısı olan projelerde canlı hata oranı ve “acil geri alma” ihtiyacı belirgin şekilde düşüyor; ekipler daha sık ve güvenli deployment yapabiliyor.
Deployment Kontrol Matrisi (Özet)
| Aşama | Kontrol | Otel Kritik | B2B Kritik |
|---|---|---|---|
| CI | lint/test/build | rezervasyon akışı smoke | lead form smoke |
| Staging QA | SEO/UX kontrol | oda/teklif sayfaları | pricing/case sayfaları |
| Prod Deploy | bakım penceresi | uptime + hızlı rollback | güvenlik + izleme |
| Post-Deploy | 30 dk kontrol | ödeme/rezervasyon | form→CRM, doküman |
Mini Check
- •Otelde rezervasyon akışı her deploy’da test ediliyor mu?
- •B2B’de lead akışı (form→CRM) doğrulanıyor mu?
- •Güvenlik ve bakım süreçleri pipeline’a entegre mi?
Ne yapmalıyım?
- • “Kritik 3 akış”ı her release’te zorunlu test yap
- • Otelde bakım penceresi + rollback hedef süresi belirle
- • B2B’de security check ve dependency kontrolünü CI’ya ekle
6. Next.js Kurumsal Site İçin CI/CD Pipeline & Ortam Planlama Şablonunu İndir — Yazılım / DevOps
Next.js Kurumsal Site İçin CI/CD Pipeline & Ortam Planlama Şablonunu İndir — Yazılım / DevOps (v1.0)
Bu şablon, Next.js kurumsal siteler için dev/staging/prod ortamlarını, branch stratejisini ve CI/CD pipeline adımlarını tek dokümanda standartlaştırır. Amaç; test kapılarını netleştirip staging-first QA ile canlı hata riskini düşürmek ve rollback’i operasyonel hale getirmektir. Otel ve B2B projeleri için bakım penceresi ve uptime planı alanları içerir.
Kim Kullanır?
Tech lead, DevOps/FE, QA, proje yöneticisi, operasyon sorumluları.
Nasıl Kullanılır?
- Ortam ve branch stratejisini şablona yazın, sahiplikleri belirleyin.
- Pipeline adımlarını (lint/test/build/deploy/QA) doldurup zorunlu kapıları işaretleyin.
- Rollback planını ve bakım penceresini netleştirip go-live checklist’i olarak uygulayın.
Ölçüm & Önceliklendirme (Kısa sürüm)
- ▢ ✅ Staging prod’a benzer
- ▢ ✅ Lint/test/build zorunlu
- ▢ ✅ SEO/UX staging kontrol rutini var
- ▢ ✅ Rollback prosedürü yazılı
- ▢ ✅ Bakım penceresi net
- ▢ ✅ Post-deploy 30 dk kontrol var
PDF içinde: Problem→Kök Neden→Çözüm tablosu + 14 gün sprint planı + önce/sonra KPI tablosu
7. Sonuç: Staging-First ve Rollback-Ready ile Güvenli Release
Kurumsal Next.js sitelerde CI/CD’nin özü basittir: staging’de kanıtla, prod’a güvenle al, hata olursa hızlı dön. Branch/ortam disiplini, otomatik testler, staging’de SEO/UX kontrolü ve rollback runbook’u birlikte çalıştığında, hem otel hem B2B projelerinde yayın döngüsü hızlanır ve öngörülebilir hale gelir.

Bir Sonraki Adım
Next.js sitenizde staging-first QA, test kapıları ve rollback planıyla güvenli deployment modelini kuralım.
Sık Sorulan Sorular
CI/CD nedir, web projelerinde neden önemlidir?▾
Next.js kurumsal site için dev/staging/prod yapısını nasıl kurarım?▾
Vercel/Docker ile deployment süreci nasıl olmalı?▾
Rollback ve bakım penceresi planını nasıl yaparım?▾
Otel projelerinde pipeline’da en kritik testler hangileri?▾
İlgili İçerikler
