PureStack ilk genel sürümünü yayınladı: MIT lisanslı, TypeScript tabanlı bir frontend stack

TypeScript odaklı tek bir sistem içinde içeriği, bileşenleri, stilleri ve tarayıcı etkileşimini bir arada tutan MIT lisanslı bir frontend stack olan PureStack'ın ilk genel sürümü npm ve GitHub üzerinde kullanıma sunuldu. dev.to'daki duyuru yazısına göre proje, modern frontend çalışmalarının ayrı projelerden alınan bir statik site üreticisi, bir MDX işlemcisi, bir bileşen kütüphanesi, bir stil sistemi, bir tema katmanı, bir tarayıcı bundler'ı, arama araçları ve editör eklentilerini birleştirme eğiliminde olmasından yola çıkarak kuruldu — ve bu parçalar birlikte çalışacak şekilde tasarlandığında nelerin değiştiğini soruyor.

Markdown'dan dağıtılan dosyalara tek bir pipeline

Bir PureStack projesi, Markdown ve MDX dosyaları ile bir site yapılandırması içeren bir içerik diziniyle başlıyor. purestack paketi kurulduktan sonra npx purestack serve bir geliştirme sunucusu başlatıyor ve npx purestack build üretim çıktısını oluşturuyor. Duyuruya göre araç, Markdown ve MDX dosyalarını keşfediyor, route'ları ve navigasyonu üretiyor, HTML render ediyor, tema CSS'i çıkarıyor, asset'leri kopyalıyor, etkinleştirildiğinde arama indeksleri oluşturuyor ve gerektiği yerde tarayıcı tarafı TypeScript'i bundle ediyor. Nihai build, sıradan statik HTML, CSS, JavaScript ve asset'lerden oluşuyor; zorunlu bir backend veya hosting platformu yok.

Varsayılan olarak statik, etkileşim açık tercih ile

PureStack, doğal bileşen framework'ü olarak Regor'u kullanıyor ve MDX içine yerleştirilen bileşenler build sırasında render ediliyor. Stilize bir panel içeren bir sayfa, bunu görüntülemek için istemci tarafı bir framework göndermiyor. Etkileşime gerçekten ihtiyaç duyulduğunda bu varsayılmak yerine açıkça bildiriliyor: bir sayfa, düz bir TypeScript dosyasını PageScript etiketiyle ekleyebilir ya da bir Regor uygulamasını RegorApp etiketiyle mount edebilir. Duyuru, ref ve createApp ile reaktif durum kullanan bir sayaç örneği gösteriyor ve modeli şöyle özetliyor: girdi olarak Markdown ve MDX, çıktı olarak statik HTML, artıca etkileşimin gerekli olduğu yerlerde mount edilen isteğe bağlı TypeScript uygulamaları.

Bileşenler, tipli CSS ve paylaşılan tasarım token'ları

Sürüm; formlar, düğmeler, sekmeler, modallar, grafikler, sanal listeler ve tablolar, navigasyon, arama ve landing page öğelerini kapsayan 67 genel bileşen ve tarayıcı giriş noktası içeriyor. Stil, ayrı bir karar rather than stack'in bir parçası olarak ele alınıyor: @purestack/ts-css, çıktısı yine standart CSS olan tipli bir CSS üreticisiyken @purestack/ts-style açık ve koyu temalar, semantik tonlar, tipografi, breakpoint'ler ve bileşen kütüphanesiyle paylaşılan tasarım token'ları ekliyor.

Mimari olarak editör araçları

PureStack ayrıca kaynak modelini anlayan bir VS Code eklentisiyle geliyor. Duyuruya göre bu eklenti; bileşen ve prop tamamlama, Go to Definition, frontmatter tamamlama, Regor şablon vurgulama, markup tanılama ve TypeScript HTML şablonları içinde biçimlendirme sunuyor — yani template literal içinde yazılan markup, opak bir string yerine gerçek markup olarak ele alınıyor.

Stack kendi sitesini çalıştırıyor

Projenin web sitesi ve bileşen dokümantasyonu, PureStack'ın kendisiyle; statik site üreticisi, MDX, Regor, bileşen kütüphanesi, tipli stiller, temalar ve tarayıcı TypeScript'i kullanılarak oluşturulmuş. Yazar, bunun framework'ü yalnızca sentetik demolarla değil, canlı etkileşimli örneklerle gerçek bir üretim sitesini desteklemeye zorladığını belirtiyor.

Neden önemli

Açıklanan hedef, mevcut frontend araçlarının kötü olduğunu iddia etmek değil, entegrasyonu test etmek: içerik pipeline'ı, bileşenler, stil, statik render etme, tarayıcı uygulamaları ve editör araçları bağımsız projelerden derlenmek yerine tek bir tasarımdan geldiğinde ne oluyor. Geliştiriciler için PureStack, bugün denenebilecek bir seçenek — tek bir npm install artı bir içerik dizini — ve birçok ekibin zaten elle kurduğu bir kalıbı resmileştiriyor: çoğu sayfa için statik HTML, yalnızca etkileşimin gerekli olduğu yerlerde istemci tarafı TypeScript adacıkları. Entegre bir stack'in her konu için en iyi araçları seçmenin esnekliğiyle boy ölçüşüp ölçüşemeyeceği hâlâ açık bir soru ve yazar, özellikle varsayılan olarak statik olma kararı konusunda mimari üzerine geri bildirim açıkça istiyor.