Başsız Olmak: Kullanım Örnekleri ve Neye İyi Gelir

Bu makale, görsel düzenleyici, iç içe bileşenler ve web siteleri ve uygulamalar için özelleştirilebilir içerik blokları ile dostane bir başsız CMS olan Storyblok'taki sevgili dostlarımız tarafından desteklenmiştir. Teşekkür ederim!

Web için geliştirme yıllarına dönüp baktığımda, hem hazır hem de evde hazırlanmış düzinelerce farklı CMS aracı kullandım. .NET'te tam hizmet CMS siteleri için uzantıların yanı sıra çok sayıda WordPress sitesi ve eklentisi dağıtıyor ve oluşturuyorum. Ama benim için, başsızı ilk duyduğumda her şey değişti ve şimdi, yıllar sonra, başsız ekosistemde daha rahat hissetmiyordum.

Bu heves birdenbire ortaya çıkmaz. Başsız seçeneklerin hepsini anlamlandırmak ürkütücü görünse de, farklı ortamlarda farklı başsız seçenekler için kendi stratejimi geliştirdim ve başsız uzaydaki olağan şüphelileri yakından tanıdım. Başsız moda geçmek, daha büyük hepsi bir arada sistemlerin sınırlamalarından kaynaklanan engellerle karşılaşmama yardımcı oldu.

Bugün karmaşık hedeflere ulaşabilmeniz ve uygulamanızı gelecekte kolayca gelişmeye hazırlayabilmeniz için işlevselliği bölümlere ayırmak bana huzur veriyor. Özel şirketler ve Kaliforniya eyalet hükümeti için başsız çözümler üzerine kurulu web hizmetlerinde başarılı dağıtımlara ve yinelemelere katkıda bulunmak bir zevkti.

Bu yazıda, başsız dünyayı anlamanıza ve projeleriniz için doğru adayları bulmanıza yardımcı olacaklarını umarak, bu yıllar boyunca öğrendiğim bazı yararlı ipuçlarını ve yönergeleri paylaşmak isterim. Ancak konuya girmeden önce, başsızlığın masaya ne getirdiğini anlamak için biraz geçmişe gitmemiz gerekiyor.

başsız önce

Sadece birkaç yıl önce, iş akışlarımız bir dizi araç, yığın ve teknolojiye odaklanıyor gibiydi. CMS için çoğunlukla hepsi bir arada araçlar kullanıyorduk. Hem içerik yazma hem de içerik görüntüleme işlevlerini içeriyorlardı.

Bu araçların kullanıcıları, arka uçla birlikte gelen ön uçta sıkışıp kaldı . Bir şeyleri kişiselleştirme yeteneğiniz sınırlıydı. Eklentileri yükleyebilirsiniz, ancak bunların tümü aracınız için oluşturulmalıydı. Özel kod yazabilirsiniz - ancak yalnızca aracınızın üzerine kurulu olduğu dilde ve kısıtlamaları dahilinde.

Son birkaç yılda, başsız CMS'nin tüm sektörde çekiş kazanmasıyla birlikte her şey değişti.

Özelleştirilmiş Araçların Rönesansı

Bugün, yazma veya içerik sunumu görünümlerinde uzmanlaşan çok sayıda araç var. Başsız bir CMS , içerik yazma parçasına odaklanır ve ayrı bir içerik sunum aracına bağlanmak için bir yol sağlar. Kullanıcıya dönük bir ön ucun olmaması, onu başsız yapan ve API'si aracılığıyla herhangi bir araçla çalışma esnekliği sağlayan şeydir.

Kendi önyüzünüzü sıfırdan oluşturabilmek, birçok geliştirme ekibi için özgürdür. Vue.js'de kaygan tek sayfalık uygulamalar veya hızlı oluşturma, 11ty ile kurşun geçirmez statik oluşturulmuş siteler sunma konusunda akıcı bir mühendis ekibiniz olabilir. En son web geliştirme çerçevelerinin tümü, herhangi bir başsız CMS'den sağlanabilecek yapılandırılmış verilerle kolayca çalışacak şekilde tasarlanmıştır.

Başsız bir CMS, odaklanmış bir araçtır. Hepsi bir arada çözümden daha az sorumluluğa sahiptir. Başsız bir CMS tarafından sağlanan API uç noktaları, sistemler arasında temiz bir ayrım sağlar, böylece işler geliştikçe ön veya arka uç mimarilerini bağımsız olarak değiştirebilirsiniz. Ürününüz büyür, araç ekosistemi genişler, yeni yaklaşımlar kullanılabilir hale gelir. Arka uç ve ön uç gereksinimleriniz değişecek. Başsız bir kurulumunuz varsa, ön ve arka ucunuz zaten bir API tarafından temiz bir şekilde ayrıldığından ve bunları bağımsız olarak yükseltebildiğinizden daha kolay uyum sağlayabileceksiniz.

Başsız Bana Uygun mu?

En önemlisi, başsız size zorlu gereksinimleri karşılamak için ihtiyaç duyabileceğiniz esnekliği verir. Hepsi bir arada bir ürünü yoğun bir şekilde değiştirmeniz gerekiyorsa, hedeflerinize ulaşmak zor olabilir. Başsız bir aracı daha küçük, farklı veya evde hazırlanmış bir ön uçla birleştirmek, istediğiniz tasarımları ve kullanıcı akışlarını sunmanın en kolay yolu olabilir.

• Ürün ödeme akışının her adımında ince ayar yapmak istiyorsanız, bunu başarmak için başsız bir ticaret seçeneğini kullanabilirsiniz,
• İlk Bayt Süresi için yoğun bir şekilde optimize etmek istiyorsanız, içeriği başsız bir CMS API'sine dayalı olarak değişiklik temelinde yeniden oluşturan statik bir site oluşturucu kullanmak isteyebilirsiniz.
• Kendi araçlarınızı barındırıyorsanız ve güvenlik konusunda dikkatliyseniz, geliştirme ortamınızı güvenlik duvarının arkasına kilitlemek ve daha basit bir Jamstack tabanlı ön uçtan başsız bir şekilde tüketmek isteyebilirsiniz.
• Web, yerel uygulamalar veya üçüncü taraf widget'lar gibi çeşitli istemcilere aynı içeriği sunuyorsanız, bunları hepsinin aynı CMS üzerinden başsız bir şekilde iletişim kuracağı şekilde oluşturabilirsiniz.

Projenizin gereksinimlerini hepsi bir arada bir araçla kusursuz bir şekilde karşılayabiliyorsanız, başsız seçenekler muhtemelen sizin için biraz fazla abartılıdır. Aynı şekilde, ekibiniz mevcut hepsi bir arada çözümünüzden tamamen memnunsa ve bilgiliyse, ön ve arka uç araçlarını ayırma konusunda gerçekten endişelenmenize gerek yoktur. Bununla birlikte, bunun yerine, araçlarınızın sınırlamalarıyla karşılaşıyorsanız, başsız kalmak, sorunlu noktalarınızı doğrudan ele almanıza olanak tanır.

Örnek: Başsız e-Ticaret

Belirli bir başsız seçeneğe bakalım: Shopify gibi mevcut bir e-Ticaret platformunu tüm ödeme sürecini devralan eksiksiz bir akış olarak entegre edebilir veya Shopify'ın sunduğu başsız bir seçeneği de kullanabilirsiniz.

• İlk durumda, tasarımınız büyük ölçüde Shopify'ın şablonlarına ve kullanıma hazır işlevselliğine dayanacaktır, bu nedenle ödeme akışını ayarlamak mümkün, ancak oldukça sınırlı olacaktır.
• İkinci durumda, ödeme akışınızı istediğiniz şekilde tasarlayabilirsiniz ve yalnızca finansal işlemi gerçekleştirmek için Shopify'a güvenirsiniz.

Önemli fark, başsız seçeneğin, kullanıcınızın gördüğü her görünümü oluşturmanızı gerektirmesidir. Yine de, kulağa ters yönü olmayan bir güçlük gibi geliyorsa, muhtemelen başsız bir çözüme ihtiyacınız yoktur.

Başsız versiyona ihtiyacı olan bir ekip, bunun sağladığı özgürlüğü memnuniyetle karşılayacaktır. Tasarımınızın hiçbir kısıtlaması olmayacak ve her görünümün her pikselini kontrol edebileceksiniz. Kullanıcılarınızın cihazlarında yürütülen tüm kodun tam kontrolü sizde olacak, böylece her bir etkileşimi tam anlamıyla izleyebilir, optimize edebilir ve hızlandırabilirsiniz.

Aynı zamanda, işlemlerin işlenmesini başsız e-ticaret çözümünüze bırakıyorsunuz , böylece onların arka uç sisteminin avantajlarından yararlanıyorsunuz.

Sonuç olarak şudur : Mevcut e-ticaret çözümünüzdeki darboğazlarla mücadele ediyorsanız - ister ağır ön uç, karmaşık kullanıcı arayüzü veya yalnızca erişilemeyen tasarım olsun - o zaman başsız bir seçenek ekibinizin bu sorunları çözmesini kolaylaştıracaktır . Benzer şekilde, yeni özelliklerin dağıtımını daha hızlı ve sorunsuz hale getirerek ekibinizin dönüşüm hunisini artırmasını kolaylaştıracak gibi görünüyorsa, başsız seçeneğini de düşünmek iyi bir fikirdir.

Tek Platformla Kilitlenmeyi Önlemek

Günümüzün ön uç durumuna bakıldığında, ön uç ve arka uç araçlarına yönelik seçeneklerin sürekli olarak genişlediği bir dünyada, yazma ve içerik teslim araçlarınızı birbirinden ayırmak, bir şeyler tasarlamanın en güvenli yoludur. Yazma ve okuma ortamlarının farklı gereksinimlere sahip olması alışılmadık bir durum değildir, bu nedenle bunları ayrı ayrı ele alan araçları seçebilmek size her iki taraf için de daha iyi seçenekler sunar.

Jamstack tabanlı kurulumlar, API'ler tarafından etkinleştirilir, bu nedenle genellikle başsız bir CMS'ye bağlanırlar. Başsız bir seçim yapmak , bir Jamstack ön uç gerektirmez . Tabii ki, isterseniz yine de bazı sunucu tarafı kodları çalıştırabilirsiniz.

Örneğin, Wordnik.com gibi arka uç API'lerini kullanan Node.js ve Express çalıştıran birkaç sitenin oluşturulmasına yardımcı oldum ve bu popüler model sorunsuz çalışıyor. API'ler aracılığıyla verilerinize erişime sahip olmak, sunucu tarafı kodunuzu üretim aşamasından çıkarmanızı mümkün kılar, böylece projenizde mantıklıysa Jamstack gibi istemci tarafı yaklaşımları kolayca benimseyebilirsiniz.

"Hepsi bir arada" çözümlerle ilgili sorun, her birinin içinde çok sayıda taahhüt bulunmasıdır. Örneğin, bir veritabanı ve programlama ortamını desteklemeye kararlı olmanız veya aşağıdakileri yapan SaaS satıcılarından birini seçmeniz gerekir; ayrıca, tasarım değişiklikleriniz mevcut temalar ve eklentiler içinde yapılmalıdır.

Başsız ile tek bir platforma kilitlenmekten kurtuluyoruz. Bu nedenle, web siteniz için yeni bir ön uç çerçevesi kullanmanız gerekiyorsa veya pahalı üretim altyapısını kaldırmak ve statik site oluşturucuları kullanmak istiyorsanız veya alternatiflere kıyasla tüm ön uçunuzu sıfırdan yeniden oluşturmadan CMS'nizi değiştirmek istiyorsanız , başsız bir seçenek kullanırken hepsini çok daha az sürtünme ile elde edebilirsiniz.

Basit bir örneğe bakalım. Kuruluşunuzun yeni bir girişim ve yeni bir tasarımla ortaya çıktığını ve yeni kullanıcı ihtiyaçlarına hizmet etmek için akışların sıfırdan yaratıldığını hayal edin. Bu gereksinimleri karşılamak için birdenbire yeni bir teknoloji yığınının bir araya getirilmesi gerekiyor.

Başsız bir seçenek seçmek, ürünlerinize uzun ömürlülük açısından daha iyi bir şans verir ve içeriğinizin birden çok dağıtım kanalına sorunsuz bir şekilde taşınmasını çok daha kolay hale getirir.

“

Bu gibi durumlarda, ihtiyaçlarınıza mükemmel şekilde uyan, kullanıma hazır mükemmel bir çözüm aramanız veya yeterince iyi çalışması için bazı tasarım ve kullanıcı akışı gereksinimlerinden ödün vermeniz gerekir. Ancak tasarım veya performans gereksinimleriniz katıysa, başınızı kaldırarak bu hedeflere ulaşmak daha kolay olabilir.

Sonuç olarak, ürünlerinizin uzun ömürlü olmasını sağlayacak ve içeriğinizin birden çok dağıtım kanalına sorunsuz bir şekilde taşınmasını çok daha kolay hale getirecek başsız bir seçenek seçerken birçok kullanım durumu vardır. İçeriğinizi yapılandırılmış veriler olarak tüketebilmek, içeriğinizin kendi web sitenizde, yerel uygulamalarınızda gelişmesini ve harici kaynaklara dağıtılmasını sağlar.

Her Şey Başsız Olmayacak

Başsız her zaman daha iyi bir seçenek gibi gelebilir, ama değil. Mevcut projenizde yukarıda açıklanan tasarım ve teknik seçeneklerle fazla ilgilenmiyorsanız veya bugün işi yapan operasyonel bir web sitesine ihtiyacınız varsa, muhtemelen o kadar fazla başsıza ihtiyacınız olmayacak.

Tabii ki, konseptten teslimata hız önemlidir, bu nedenle uygun mühendislik desteği olmadan düzgün görünümlü bir web sitesinden birkaç tıklama uzakta olduğunuzdan, başsız seçenekleri daha sonra ertelemek isteyebilirsiniz. Fikrinizin işe yarayabileceğini hissettiğinizde site optimizasyonuna ve uzun ömürlülüğe odaklanabilirsiniz.

Başsız Seçimler Yanlış Adımlardan Kurtulmanıza Nasıl Yardımcı Olur?

Arka Ucu Yükseltme

Kullanıcı Başına Fiyatlandırmanın Tehlikeleri

Bir süre önce, düzinelerce yazar tarafından kullanılacak bir blog sisteminin kurulmasına yardım ettim. Başsız CMS satıcılarından birinin özellik setinden çok etkilendik, onu başsız CMS için seçtik ve ürün grubumuzla sorunsuz bir şekilde birleşen bir önyüz oluşturmaktan keyif aldık. Sonunda şirket, yazar sayısının birkaç bine çıkarılmasına karar verdi.

Barındırılan CMS çözümlerinin çoğu, bu kadar büyük kullanıcı sayıları için fiyatlandırma yapısını yayınlamaz . Bunu aynı platformda çalıştırmanın maliyetini sorduğumuzda, cevabı pek beğenmedik. Bu sistemin ticari açıdan anlamlı olmaya devam etmesi için CMS'mizi değiştirmemiz gerekiyordu. Başsız mimari sayesinde ön ucu da ıskartaya çıkarmadan değiş tokuş yapabildik.

API Kısıtlaması

Yalnızca geliştirme ortamına odaklanan pek çok girişim, geliştirici dostu API'lerle güzel ürünler geliştirebilir. Airtable, iyi belgelenmiş bir API aracılığıyla temiz geliştirici deneyimiyle birleştirilmiş kullanıcı dostu UI aracılığıyla elektronik tablo inovasyonunun bir örneğidir.

İnsan uzmanlar tarafından düzenlendiği Airtable'a kazınmış verileri beslediğim, ardından ana sitede ve üçüncü taraf sitelerde çalışan yerleştirmelerde çalışan içerik görünümlerini güçlendirmek için API'lerini kullandığım bazı yararlı prototipler oluşturdum. Okuma sistemini kurarken Airtable verilerini büyük trafik yüklerini kaldırabilecek üretime hazır bir sisteme çektim ve bu bir süre iyi çalıştı.

Yine de veri yazarken sorunlarla karşılaşmaya başladım. Saniyede 5 istek katı sınırı nedeniyle aramalar başarısız oluyordu. Bu sınıra ulaşmak, 30 saniyelik tam API isteği kilitleme sağlar. Dağıtılmış bir sistemden veri göndermeye çalışıyordum, bu yüzden kısmalar ekledim ve şeyleri ayrı tabanlara böldüm.

Sistem genişledikçe ve veri miktarı büyüdükçe, bu aracı büyütüyorduk. Airtable'dan okumakta olan AWS DynamoDB örneğini temel alan bir sisteme ilkel veri düzenleme özellikleri ekleyerek bu sorunu çözebildim. Daha büyük bir ölçek ve daha düşük aylık SaaS faturaları için şık Airtable yazma UI özelliklerini hızla takas edebildik.

Bu, başsız geliştirme araçlarının API'leri tarafından sağlanan ön uç ve arka uç arasındaki temiz bir ayrımın, sorunlu noktaları tam olarak hedeflemenize nasıl olanak tanıdığının başka bir örneğidir.

Ön Uç'u Yükseltme

Parlak Yeni Çerçeveler

Bir süredir var olan kuruluşlar, genellikle çeşitli teknoloji yığınları üzerine kurulu üretim sistemlerini destekleme sorunuyla karşı karşıyadır. Takımları homojenleştirmek ve aynı zamanda yenilik yapmak için sürekli bir baskı var. Başsız bir CMS'ye dayalı olarak mevcut ürünlere entegre olacak görünümler ve widget'lar oluşturmakla görevli bir ekibin parçasıydım. Farklı hafif ön uç araçlarıyla hızlı bir şekilde prototipler oluştururken çok eğlendik.

Başsız CMS API uç noktalarından sağlanan içeriğe dayalı olarak ön uç ekibindeki hangi mühendisin en iyi ön ucu oluşturabileceğini görmek için dahili bir yarışma düzenledik. Bir sunumda en iyi özellik seti ve en küçük kod ayak izi vardı, bu nedenle geliştiriciler projeyi aldı ve ürünü Riot.js ile oluşturarak teslim etti.

Riot.js , tonlarca özelliği küçük bir boyuta sığdıran harika bir küçük kitaplıktır. Vue.js gibi veriye dayalı tek dosya bileşenleri yazmanıza yardımcı olur. Bu ön yüzün geliştiricisi, sürüm 1.0'ı gönderdikten kısa bir süre sonra şirketten ayrıldığında, ekip bu kitaplığa hevesli tek kişiyi kaybetti.

Bazen heyecan verici, yeni, hızlı gelişme modelinden teknoloji borcuna düşüş hızla gerçekleşir.

“

Neyse ki, başsız CMS mimarisinin ayrıştırılmış doğası , arka uca dokunmadan ön ucunuzu değiştirme esnekliği sağlar. Ön uç kodunu yeniden yazabildik ve diğer projelerde daha yaygın olarak kullanılan farklı kitaplıklara dayalı olarak güncellenmiş ön uç bileşenlerini değiştirebildik.

ham hız

Ghost projesini seviyorum. Node.js üzerine kurulu WordPress benzeri bir çözüm görmek güzel olduğu için erken abone oldum. Sürekli olarak geliştirdikleri açık kaynaklı araçlar üzerine kurulu bir hizmet sunduğu için bu organizasyona saygı duyuyorum. Kişisel blogum için kullandığımda bu araçtan gerçekten memnun kaldım.

Yine de çözümün mükemmel olmayan bir yönü vardı. Ghost tarafından barındırılan blogumdaki İlk Bayt Zamanı çok yavaştı. Tüm gönderi içeriğini bir API aracılığıyla alabildiğim için, Ghost'ta yazdığım tüm gönderi içeriğini kullanan ancak ilk bayta daha hızlı ulaşan S3 + Cloudfront'ta kendi statik olarak oluşturulmuş ön ucumu kurabildim.

Hizmet Olarak Başsız CMS

Başsız bir şekilde giden birçok Hizmet Olarak Yazılım işletmesi var. Bu satıcılardan birine kaydolmak, size hemen samimi bir içerik düzenleme ortamı ve birlikte çalışabileceğiniz temiz API uç noktaları sağlayabilir. İşte hepsi çok düşük maliyetli giriş seviyesi planlarına sahip ve başsız CMS deneyimine lazer odaklı birkaç tanesinin hızlı bir karşılaştırması.

Bu hizmetlerin tümü sağlam bir temel özelliklere sahiptir . Hepsi statik varlık barındırma, kaydedilmiş revizyon geçmişi ve iyi belgelenmiş yerelleştirme desteği içerir. İçerik oluşturma kullanıcı arayüzü ve API özelliklerinde farklılık gösterirler.

Heyecanlı Başsız Modeller

GitHub'a Dayalı Bir CMS Kullanmak

GitHub'da kullanıcı yönetimi, sürüm kontrolü ve onay iş akışlarından yararlanabilmek büyük avantaj. Yeni sistemlerde yeni hesaplar kurmak zorunda kalmamanızda fayda var. İçerik güncellemelerinin yanı sıra incelemelerin geçmişini görebilmek güzel.

GitHub tabanlı CMS araçlarının farklı tatları vardır. Bu, dokümantasyon sitelerini hızlandırmanın hızlı bir yoluydu: Spacebook'u daha temiz bir markdown düzenleme arayüzü elde etmek için Netlify ile entegre edebilir veya doğrudan GitHub'da kullanabilirsiniz.

Artık GitHub web düzenleyicisinde yerleşik olarak bulunan önizleme özellikleri , bu araçlardan bazılarını HTML'ye aşina olmayan kişiler için daha erişilebilir hale getiriyor. GitHub'ın tam önizleme modunda işaretleme değişikliklerini gösterdiği zengin görünüm farkı seçeneğini seviyorum.

Bu, GitHub tabanlı olup olmadıklarına göre sıralama yapmanızı sağlayan 85 CMS aracının mükemmel bir listesidir.

Tanıdık Araçlar İçin API'ler

WordPress kurulumunuz API uç noktaları ile birlikte gelir, böylece ekibinizin deneyimlediği geliştirme araçlarını başsız bir şekilde kullanmaya devam edebilirsiniz. WordPress, REST API'leri için güzel belgelere sahiptir. Bu, yeni WordPress kurulumlarında etkinleştirilir, böylece yeni bir WordPress geliştirme ortamı başlattığınızda https://example.com/wp-json/wp/v2/posts JSON okumaya başlayabilirsiniz.

WordPress ayarları sayfası, içerik değiştiğinde ping atmasını istediğiniz hizmetler için URL'leri girebileceğiniz bir güncelleme hizmeti alanı içerir. Bu, en son güncellemeleri almak üzere sunucusuz bir aracı tetiklemek için mükemmeldir. WordPress v5, ayarların Yazma bölümünde bu alana sahiptir

Veri Kaynaklarını Birleştirme

Kaliforniya eyaleti için başsız araçları kullanmak, performans çıtasını yükselten acil durum müdahale siteleri oluşturmamıza yardımcı oldu. Ön uç mimarisi üzerinde tam kontrole sahiptik ve yine de yazarların tanıdık yazma araçlarını kullanmasına izin verebildik.

WordPress'i başsız kullanıyoruz , FAAS üzerinden GitHub'a yazıyoruz. Ayrıca depoya başka veri kaynakları da yazıyoruz ve her değişiklikte statik site oluşturucu derlemelerini tetikliyoruz. Orijinal içerik içeriğine ek olarak git'e yazılan verilere örnekler, en üst sıradaki istatistikler ve her sayfanın insan tarafından çevrilmiş sürümleri gibi günde yalnızca bir kez değişen verilerdir.

GitHub eylemlerini derleme tetikleyicileri olarak kullanmak, birkaç farklı veri kaynağını siteye entegre etmemizi sağladı, böylece hızlı yayın ve küçük bir üretim altyapısı ayak izi elde ettik. Daha az üretim altyapısı, hükümet pandemi duyurularıyla ilgili büyük trafik artışlarına çarptığımızda kolayca nefes almamızı sağlıyor.

Mimarinin WordPress -> FAAS -> GitHub repo kısmı Carter Medlin tarafından oluşturuldu. Biz site ön ucunu tasarlayıp inşa ederken, birkaç gün içinde bu boru hattını sıfırdan birbirine bağladı. Bu, sunucusuz bir MS Azure işlevi üzerinde çalıştığından, düşük altyapı maliyetleri ve bakım maliyeti vardır. Daha önce açıklanan WordPress güncelleme hizmetinden ping alır, WordPress API'sinden json çeker ve GitHub'a yeni içerik yazar. Bu sunucusuz uç noktanın kodu GitHub'da görüntülenebilir.

Out bot'ları, WordPress'ten ping aldıkları için tüm içerik güncellemelerini yayınlamak için çok çalışıyorlar. Bu etkinlik, her güncellemenin kolayca gözden geçirilebilir bir günlüğünü ve olağan GitHub süreçleriyle değişiklikleri geri alma becerisini oluşturur.

11ty statik site oluşturucuyu kullanarak bu sitenin ön ucunu oluşturmak hızlı, eğlenceli ve mükemmel çalıştı. Pandemi ile ilgili haberlerde büyük trafik artışları alıyoruz ve statik bir ön yüze sahip olduğumuzu bilmek, eşzamanlı kullanıcı sayıları artmaya başladığında riski azaltıyor ve çok sayıda içerik güncellemesi yayınlıyoruz.

11ty topluluğunun, topluluk lider tabloları ve hafif mimarisiyle performans ve erişilebilirliğe odaklanmasını seviyorum. Devlet tarafından yapılan araçların tüm Kaliforniyalılar için çalışmasını sağlamak önemlidir. İşlerin düşük bant genişliği koşullarında herhangi bir cihazda çalışmasını ve tüm yardımcı teknolojileri desteklemesini istiyoruz. Hızlı ve erişilebilir siteler sunmayı kolaylaştıran 11ty gibi araçları kullanabilmemiz oldukça güzel. Kod ağırlığını küçük tutarken ek özellikler sağlamak için ön uçta web bileşenlerini kullanıyoruz.

Başsız Seçimler Yaparken Dikkat Edilmesi Gereken Hususlar

Başsız araçların ekibinize sunduğu yetenekler konusunda heyecanlı mısınız? Mevcut seçeneklerin sayısı ezici olabilir. Bu, seçenekleri azaltmanıza yardımcı olabilecek özelliklerin bir listesidir:

Yazma Ortamı Özellikleri

• Belge yazma kolaylığı
• Yapılandırılmış veri ekleme kolaylığı
• Düzen seçenekleri
• Önizleme özellikleri
• İçerik onayı iş akışları

İçerik API Özellikleri

• Hangi sorgular kullanılabilir
• İçerik yapısı ne kadar ayrıntılı
• Veri erişiminde herhangi bir sınırlama var mı (Airtable REST API sabit sınırları)
• Ölçeklenebilirlik : İçerik API'nizin önüne bir CDN koymanız gerekiyor mu?
• Yerelleştirme ekleme kolaylığı
• İçeriğinizi dışarı çıkarmak, planlarınızı değiştirirseniz, tüm verilerinizi çıkarmak ne kadar zor olacak?

Maliyet

• Barındırılan çözümler için kullanıcı başına ödeme yapıyor musunuz?
• Kendi ortamınızda kurduğunuz açık kaynaklı yazılımları mı yönetiyorsunuz?
• Kullanıcı hesaplarının yönetimi kolay mı?
• Mevcut tek oturum açma çözümlerinizle entegre olabilir misiniz?
• Ürün güvenlik denetimlerinden geçti mi, iki faktörlü kimlik doğrulama içeriyor mu?

Kaynak Kontrolü/Onay Akışları

• Önceki sürümlere geri dönebilmeniz ve neyin yayınlandığını ve hangi düzenlemelerin ne zaman yapıldığını takip edebilmeniz için içerik sürümlü mü?
• İçeriğin yeni sürümlerini yayınlamadan önce paylaşabilir misiniz? Bu önizlemelere erişimi kısıtlayabilir misiniz?

Statik Dosya Yönetimi

• Yazarlarınızın yeni görseller, pdf'ler vb. eklemesi ne kadar kolay?
• Yazarın yüklediği dosyaları görüntü optimizasyon akışlarına bağlama kolaylığı?

Başsız Nereye Gidiyor

Başsız manzaraya yakından baktığınızda, başsız araçların kasıtlı olarak işlevsel kapsamlarını sınırladığını ve daha büyük sistemlere entegre olmanın yollarını sağladığını göreceksiniz. Belirli özelliklerin ayrıştırılması, sistemler daha karmaşık hale geldiğinde faydalıdır. Daha küçük, odaklanmış araçlarla çalışırken, daha büyük kod ayak izlerinin maliyet, güvenlik, bakım ve barındırma gereksinimlerini sınırlayan belirli seçimler yapmak daha kolaydır.

Başsız seçeneklerin genellikle bazı kodları kendiniz yazmayı gerektirdiğini belirtmekte fayda var. Bununla birlikte, ön uçlar giderek bir dizi önceden oluşturulmuş bileşen ve genellikle kendi verilerinizle doldurulmuş kullanıma hazır bir tasarım olduğundan, özel araçları karıştırmak ve eşleştirmek ve sorunsuz bir şekilde entegre etmek için daha fazla yol beklemek fazla küstahça olmamalıdır. Kendiniz kod yazmadan başsız seçenekler.

Bir proje için mükemmel arka uç, yalnızca bir SAAS aboneliği veya açık kaynaklı bir proje yüklemesi olabilir. Bu, tüm ihtiyaçlarınızı karşılayan kullanıma hazır bir ön uç ile kodsuz bir şekilde bütünleşebilir. Stackbit'in kodsuz ön uçlarıyla zaten başsız CMS'yi karıştırdığını görüyorum. Stackbit'in WYSIWYG kodsuz sayfa oluşturma aracını kullanarak yeni bir site kurabilir ve ardından tam site verilerini yönetmek için farklı satıcılardan bir dizi başsız CMS seçeneği arasından seçim yapabilirim.

Bu makalede, başıboş olmanın, çalıştığım şirketlerin değişimle başa çıkmasına yardımcı olduğu bazı kullanım örneklerini inceledik. Uygulama mimarisi esnekliği, kullanıcı deneyimi kontrolü veya hizmetinizin uzun ömürlülüğü hakkında dikkatlice düşünmek için ilginizi çeksin, başsız seçimler cezbedicidir .

Bu alanın nasıl büyümeye devam ettiğini görmek beni heyecanlandırıyor ve daha iyi ürünler sunmak ve bir geliştirici olarak işimi kolaylaştırmak için bu seçenekleri kullanmanın yollarını aramaya devam edeceğim.

Diğer Kaynaklar

• Headless CMS, GitHub tabanlı olup olmadıklarına göre sıralama yapmanızı sağlayan 85 CMS aracının mükemmel bir listesi.
• Sarah Drasner ve Geoff Graham, “Jamstack'te Başsız Bir WordPress Sitesi Nasıl Oluşturulur”
• Başsız Ticaret, Shopify
• “GoTrue JS: Yalnızca 3 kb JS ile Statik Sitelere Kimlik Doğrulama Getirme,” Divya Sasidharan, Netlify
• Jamstack Siteleri İçin Düzenleme Deneyimi, Stackbit
• Wordpress Entegrasyon API'si, CAdotGov, GitHub

Bu makale, görsel düzenleyici, iç içe bileşenler ve web siteleri ve uygulamalar için özelleştirilebilir içerik bloklarına sahip, samimi bir başsız CMS olan Storyblok'taki sevgili dostlarımız tarafından desteklenmiştir. Teşekkür ederim!