Başlangıç4 hafta6 bölüm · 30 ders · 6 ödev
Vercel ve Netlify ile Yayına Alma
Sunucu yönetmeden, Git'e her push'ta otomatik yayına almayı öğreten program. Statik, SSR ve edge arasındaki fark; Vercel ve Netlify'da proje bağlama, build ayarları, ortam değişkenleri, önizleme dağıtımları, alan adı ve HTTPS, geri alma ve izleme. Sonunda iki platformda yayında bir uygulama.
Verilen süreler tahminidir; kurumunuzun saat planlamasına göre revize edilir.
Kime uygun
- · Frontend uygulamasını hızla ve sunucu yönetmeden yayınlamak isteyenler
- · Takım içinde her PR için önizleme akışı kurmak isteyenler
Ön koşullar
- · Git ve GitHub ile çalışmak (Git ve GitHub programı ya da eşdeğeri)
- · Bir React ya da statik web uygulaması geliştirmiş olmak
Müfredat
Statik, SSR ve edge: ne nerede çalışır28 dk
Git tabanlı dağıtım fikri26 dk
Alan adı ve DNS'in kısa özeti30 dk
Platform mu, kendi sunucu mu: karar ölçütleri24 dk
Bölüm ödevi: Bir uygulama için yayın stratejisi seçmek40 dk
Bir uygulama için yayın stratejisi seçmeködev
Vercel — Belgelerbağlantı
Netlify — Belgelerbağlantı
MDN — Web Sunucusu Nedirbağlantı
Projeyi GitHub'dan bağlamak28 dk
Build ayarları ve çerçeve algılama26 dk
Ortam değişkenleri ve gizli bilgiler30 dk
Önizleme dağıtımları ve üretim dalı28 dk
Bölüm ödevi: React uygulamasını Vercel'e yayına almak45 dk
React uygulamasını Vercel'e yayına almaködev
Vercel — Projelerbağlantı
Vercel — Ortam Değişkenleribağlantı
Vercel — Önizleme Dağıtımlarıbağlantı
Site oluşturmak ve build komutu26 dk
Yönlendirmeler ve başlık kuralları30 dk
Formlar ve sunucusuz fonksiyonlar24 dk
Branch ve önizleme dağıtımları28 dk
Bölüm ödevi: Aynı uygulamayı Netlify'a yayına almak50 dk
Aynı uygulamayı Netlify'a yayına almaködev
Netlify — Build Yapılandırmasıbağlantı
Netlify — Yönlendirmelerbağlantı
Netlify — Functionsbağlantı
Özel alan adı bağlamak26 dk
A, CNAME kayıtları ve yayılma süresi30 dk
Otomatik HTTPS28 dk
www ve çıplak alan adı yönlendirmesi26 dk
Bölüm ödevi: Özel alan adıyla HTTPS yayın40 dk
Özel alan adıyla HTTPS yayınödev
Vercel — Alan Adlarıbağlantı
Netlify — Özel Alan Adlarıbağlantı
Cloudflare — DNS Belgeleribağlantı
Üretim, önizleme ve geliştirme ortamı ayrımı30 dk
Gizli bilgiler ve ortam değişkeni disiplini24 dk
PR başına önizleme akışı28 dk
Build önbelleği ve süre26 dk
Bölüm ödevi: Her PR'a önizleme bağlantısı üreten akış45 dk
Her PR'a önizleme bağlantısı üreten akışödev
Vercel — Ortamlarbağlantı
OWASP — Sır Yönetimibağlantı
GitHub — Dağıtım Ortamlarıbağlantı
Analitik ve Core Web Vitals izleme30 dk
Geri alma (rollback) ve anlık dönüş28 dk
Limitler, bant genişliği ve maliyet26 dk
Cloudflare Pages ve GitHub Pages alternatifleri30 dk
Bitirme projesi: İki platformda yayında uygulama: alan adı, önizleme akışı ve geri alma planı60 dk
İki platformda yayında uygulama: alan adı, önizleme akışı ve geri alma planıödev
Vercel — Analyticsbağlantı
Netlify — Dağıtım Geçmişibağlantı
Cloudflare Pages — Belgelerbağlantı
DersÖdevKaynak
Bu programı kurumunuzun kendi sınıfında, müfredat, ders ve değerlendirme dahil yürütüyorum.
Kurumunuza getirin