İçerikten ekrana
Sunucu
- İçerik modeli
tipli içerikYapılandırıldı - Oluşturma
sunucu bileşenleriDoğrulandı - Statik çıktı
ön oluşturmaHazır
Teslim
- Kenar
önbellek · başlıklarGözleniyor - Tarayıcı
yalnızca işi olanEtkin
04 / Yetkinlikler
Geliştirme
Üretim mühendisliği: tipli içerik, sunucu taraflı render, performans bütçeleri ve başkasının da sürdürebileceği bir kod tabanı.
Şu sistemin parçası — 03 Kur
Ne demek
Kreatif geliştirme, dijital işin mühendislik yarısıdır: bir tasarım sistemini hızlı çalışan, erişilebilir kalan, içerik değişimlerine dayanan ve arkeoloji gerektirmeden başka bir ekibe devredilebilen yazılıma dönüştürmek.
Mekanizma
Sunucuda oluşturulur, tarayıcıda ölçülür.
Tipli bir içerik modeli sunucu tarafı oluşturmayı besler; statik olabilen statiktir; tarayıcı yalnızca bir işi olan betiği alır. Bütçeler derlemeden önce kararlaştırılır, entegrasyonlar doğrulamanın önünde değil arkasında çalışır.
Derlemeden önce belirlenen bütçeler
- En büyük boyama
LCPGözleniyor - Betik ağırlığı
betik bütçesiDoğrulandı - Yerleşim kararlılığı
CLSDoğrulandı - Yazı tipleri
alt küme · kendi sunucumuzdaHazır - Hareket maliyeti
transform · opacityDoğrulandı
Önce doğrulama, sonra diğer her şey
webhookGirdiBir insandan ya da sistemdenİzleniyorzodDoğrulamaBir bedeli olmadan reddedilirDoğrulandırota işleyiciİşlemeİşlem başına tek yerYapılandırıldıyeniden deneme · olay kimliğiTeslimHatalar yutulmaz, adlandırılırGözleniyorkayıt sistemiKayıtTek doğruluk kaynağıSahipli
Kimin için
- Mevcut sitesi yavaş, kırılgan veya güvenle düzenlenemeyen şirketler
- Amacını aşmış bir sayfa kurucusundan taşınan ekipler
- Sitenin hâlihazırda işlettikleri sistemlerle konuşmasını gereken kurumlar
Genelde ne bozulur
- Bir pazarlama sayfası metin göstermek için üç megabayt JavaScript gönderiyor.
- İçerik değişikliği geliştirici gerektiriyor; site sürümler arasında bayatlıyor.
- Hiçbir şey tipli değil; eksik bir alan derleme hatası yerine üretim hatasına dönüşüyor.
Neyi değiştiriyoruz
01
Önce sunucu, hak ettiği yerde istemci
Sayfalar sunucuda oluşturulur. İstemci tarafı JavaScript yalnızca tarayıcıya gerçekten ihtiyaç duyan birkaç parça için eklenir, başka hiçbir yerde değil.
02
İçerik tipli bir modeldir
Her içerik türü bir kez tanımlanır. Eksik bir alanı ziyaretçiden önce derleyici yakalar; aynı model hem sayfayı hem meta verisini hem yapısal veriyi besler.
03
Niyet değil, bütçe
Rota bazlı transfer bütçeleri baştan belirlenir ve yayın öncesi kontrol edilir. Performans, sonradan kovalanan bir puan değil, içinde tasarım yaptığımız bir kısıttır.
Teslim edilenler
- Tipli içerik modelleri ve belgelenmiş mimariyle üretim uygulaması
- Tasarım sistemine token token karşılık gelen bileşen uygulaması
- Render stratejisi, önbellekleme ve görsel hattı
- SEO, yapısal veri ve site haritası altyapısı
- Güvenlik başlıkları, form işleme ve sunucu tarafı doğrulama
- Devir belgeleri: sayfa, proje, yazı veya yeni bir dil nasıl eklenir
Neyi yapmıyoruz
- Okumadığımız bir kod tabanını devralmıyoruz. Önce denetim yapılır ve sonuç, yeniden kurmanın daha ucuz olduğu da çıkabilir.
- Yayından sonra sizin tarafınızda sahibi olmayacak özellikleri kurmuyoruz.
- Performans hedefleri yapımdan önce bütçe olarak kararlaştırılır. Laboratuvar puanını sonuç diye raporlamıyoruz.
Süreç
01
Mimari
Teknoloji yığını, render modeli, içerik modeli ve entegrasyon sınırları; ilk commit’ten önce yazılır.
02
Sistem uygulaması
Önce tokenlar ve bileşenler, sonra sayfalar. Tasarımın izlediği sıranın aynısı.
03
Ölçümleme
Analitik, onay yönetimi, hata işleme ve yapısal veri; sonradan eklenmez, yapımın parçası olarak bağlanır.
04
Yayın
Lint, tip kontrolü, testler, derleme, erişilebilirlik ve performans incelemesi; ardından geri dönüş yolu olan bir yayın.
Sorular
Neyle geliştiriyorsunuz?
App Router ile Next.js, katı kipte TypeScript ve token’a dayalı bir CSS mimarisi. Müşteri işlerinde sıkıcı ve iyi desteklenen teknolojiyi seçiyoruz: amaç, üç yıl sonra başka bir ekibin de sürdürebileceği bir kod tabanı.
İçeriği kendimiz düzenleyebilir miyiz?
Evet. İçeriğin ne sıklıkla ve kim tarafından değiştiğine göre ya başsız bir içerik yönetim sistemi bağlıyoruz ya da belgelenmiş bir düzenleme akışıyla tipli içerik dosyaları teslim ediyoruz. İçerik modeli, sonradan geçişin yeniden yapım anlamına gelmeyeceği şekilde tasarlanır.
Kod kimin?
Sizin. Depo, yayın hattı ve belgeler işin sonunda size aittir; bize bağlı hiçbir lisans kalmaz.
Başkasının yazdığı bir kod tabanını devralabilir misiniz?
Bazen. Önce okur, devam etmeye mi yoksa yenisini yazmaya mı değdiğini açıkça söyleriz. Bu ikisi farklı bütçelerdir ve bunu işin üçüncü ayında değil, başlamadan önce söylemeyi tercih ederiz.
—Başlangıç
Kurulmaya değer bir sisteminiz mi var?
Bize işin ne yapması gerektiğini anlatın. Biz de kurmak için nelerin, ayakta tutmak için nelerin gerektiğini söyleyelim.