Atlas Tarafından Desteklenen Başsız İle Öteye Geçin

Başsız çözümler konusunda ciddileşmenin zamanı geldi. Gerçek işletmeler ve ajanslar, geliştiricilere herhangi bir ön uç yığınını kullanma esnekliği sağlayan ve içerik oluşturucuların tercih ettikleri yayınlama arayüzünü kullanmalarına olanak tanıyan başsız web deneyimleri yaratıyor.

Bu oturumda, WP Engine Ürün Direktörü Jason Konen, WP Engine'in başsız WordPress çözümü olan Atlas ile yaptığımız ilerlemeleri özetliyor ve 2023'te takip edeceğimiz ilerlemelere bir göz atıyor.

Oturum Slaytları:

Deşifre metni:

JASON KONEN: Merhaba, ben Jason Konen. Burada, WP Engine'de Atlas'ın ürün direktörüyüm ve bugün sizinle Headless powered by Atlas ile ötesine geçmek hakkında konuşmak istiyorum. Yani şu anda gerçekten gördüğümüz şey, pazarda büyük bir değişim. Bu muhtemelen akıllı telefonların ortaya çıkışından bu yana yaşanan en büyük değişiklik, işletmelerin %64'ü şu anda Headless yaklaşımını kullanıyor ve %90'ı bunu önümüzdeki 12 ay içinde yapmayı düşünüyor. Bu çok büyük bir rakam. Ve WordPress topluluğunun son birkaç yıldır Headless'ta büyüdüğünü biliyoruz. Bu ihtiyacı karşılamak için bazı ortaklarımızla çok yakın bir şekilde çalışıyoruz ve çok sayıda Headless WordPress sitesi kuruyoruz.

Gördüğümüz şeylerden biri de Headless'ın geliştiricileri gerçekten güçlendirdiği. Modern CMS'lerin yaptığı gerçekten harika şeyler var. Ama bulduğumuz şey, bunun yayıncıyı gerçekten güçsüz kıldığı. Başından beri başsız için özel olarak oluşturulmuş bu Headless CMS'ler, gerçekten ilginçler, geliştiriciler için gerçekten yardımcı oluyorlar, ancak yayıncılar bazı şeyleri kaybediyor. Temaları, sayfa düzenlerini, SEO araçlarını ve bunun gibi şeyleri kaybederler. Ancak WordPress, yayıncıyı gerçekten güçlendiriyor ve her zaman sahip oldu. Çekirdekten, ekosistemdeki tüm eklentilere, tüm temalara ve topluluğa kadar.

Bu, gerçekten yayıncının mesajlarını, metinlerini, biçimlendirmeyi, A/B testini, SEO araçlarını, temaları değiştirmesini ve tüm bu işleri ağır geliştirme gerektirmeden yapmasını sağlıyor. Ama az önce Headless'ın bunu ortadan kaldırdığını, bu gücü ortadan kaldırdığını söyledik. Ancak Headless WordPress'in bunu herkes için geri getirdiğine inanıyoruz, yalnızca geliştiricilere ve yapmak istediklerine değil, aynı zamanda yayıncılara ve yapmaya çalıştıklarına da güç veriyor. Bu nedenle, "iş için en iyi araçlar nelerdir" olarak bakarsanız, geliştiricileriniz ölçeklendirmelerine, aşırı kod kullanmalarına, modern teknikleri kullanmalarına ve sektörle birlikte büyümelerine olanak tanıyan modern bir teknoloji yığınıyla çalışmak isteyeceklerdir. Yayıncılar ise 20 yıldır bildikleri ve sevdikleri CMS araçlarını çok fazla değişiklik yapmadan kullanabilmek istiyor.

İşte burada Atlas devreye giriyor. Atlas platformu hem yayıncıları hem de geliştiricileri memnun edecek şekilde tasarlandı. Sınıfının en iyisi WordPress barındırma, bunun temelidir, ancak daha sonra, WordPress'in üzerine modern web uygulamaları oluşturabilmeniz için otomatik ölçeklendirme ve iyileştirme düğümü barındırma katmanlarını ekledik. Büyüyen bir toplulukta büyüyen bir ekosistemin üzerine inşa edilmiş, önceden yapılandırılmış uç önbelleğe alma, CI/CD araçları ve benzersiz performans ve güvenliğe sahibiz. WP GraphQL, yeni özelliği Smart Cache ile birlikte yakında çıkacak olan ürünümüz Atlas Search. Geçen yıl WP Engine ailesine dahil ettiğimiz Headless WordPress siteleri, Gelişmiş Özel Alanlar oluşturmak için Headless çerçevesi olan Faust.JS ve Atlas İçerik Modelleyici yeteneklerimizi doğrudan ACF'ye getirmek için çok çalışıyoruz.

Taslaklar ve ötesi ve zaten bildiğiniz ve sevdiğiniz birinci sınıf desteği de unutmayalım. Şimdi biraz performanstan bahsetmek istiyorum. Son zamanlarda, Super Bowl sırasında birkaç reklam yayınlayan bir müşterimiz oldu. Ve bunun gibi bir etkinlikte alacağınız trafiğin türünü test bile edemezsiniz. Bu çizelgede burada görüyorsanız, altıncı, sekizinci ve dokuzuncuda üç küçük sivri uç var. Bunlar onların yük testleriydi, bu yüzden Super Bowl sırasında bekledikleri tüm trafiğe "hey, bu site dayanacak mı" diye test ediyorlardı. Ve sonra tabloda daha sonra iki dev sivri uç görüyorsunuz ve bu, Super Bowl'da yayınlanan iki reklama karşılık geliyor. Bekledikleri trafiğin 10 katı. Ve bu inanılmaz derecede başarılıydı.

Yalnızca dakikalar içinde 10 milyon istekle ani 10 kat artışla bile öncesinde, sırasında ve sonrasında tutarlı bir performans sergilediler. DDoS saldırıları uçta hafifletildi ve her türlü uygulama performansı sorunu önlendi. Tüm ön ucun %99'u, Super Bowl sırasında 27 milyon isteği işlerken, ilk bayta kadar 151 milisaniye ve işlemek için 700 milisaniye ile önbelleğe alındı. Yani siteye trafiğin yoğun olduğu bir zamanda girseydiniz, sitenin bu kadar yük altında olduğu hakkında hiçbir fikriniz olmazdı. Bu, Headless WordPress sitesinin size getirebileceği türden bir performanstır. Ve bunu Atlas platformuna yerleştirdik.

Sitelerinin performans göstermesini ve optimize edilmesini sağlamak için müşteri ve bu reklamın arkasındaki ajansla çok sıkı çalışıyoruz. Ve bu, müşterilerimizle birlikte yaptığımız bir şeydir, sitelerinizin performanslı, hızlı ve güvenli olmasını sağlamak için en iyi uygulamaların tümünü kullandığımızdan emin olmaktır. Atlas ekibinde yaptığımız en büyük şeylerden biri, müşterilerimizi ve acente ortaklarımızı dinlemek ve onlarla ortaklık kurmaktır. Dinliyoruz, öğreniyoruz ve serbest bırakıyoruz. Ve işte 2022'de Atlas için kullanıma sunduğumuz bir sürü şey.

Benim burada değinmek istediğim, bu alanda ne kadar yatırımımız olduğu. Başsız WordPress'in, modern sitelerin başarılı olmak için ihtiyaç duyduğu performans ve geliştirici deneyimine gerçekten birinci sınıf bir CMS'nin en iyisini getirdiğine gerçekten inanıyoruz. Ve gerçekten neyi inşa etmemiz gerektiği, başarılı olmanıza yardımcı olmak için gerçekten neye sahip olmamız gerektiği konusunda sizinle birlikte çalışmaya devam ettikçe, burada giderek daha fazla yatırım göreceksiniz. Oldukça hızlı hareket ettiğimiz için iki haftada bir olmasa da en az ayda bir bir şeyler yayınlamaya devam ettiğimizi göreceksiniz. Ve görüşleriniz bizim için çok önemlidir.

Bu listeden biraz daha derinlemesine bahsetmek ve bahsetmek istediğim şeylerden bazıları: Faust.js. İşte bu, WordPress için Headless çerçevesidir. Bunu 2021'de yaptık ve orada yayınladık. Ve sizlerden çok sayıda geri bildirim aldık ve harikaydı. Ve bu geri bildirimi aldık ve yeniden oluşturduk çünkü geliştiricilerin ölçeklendirmek için ihtiyaç duyduğu şekilde ölçeklenmiyordu. G-qty tarafından sağlanan bir sorgulama dili kullandık ve bunun bazı mucizevi şeyler yaptığını, ancak bizim istediğimiz şekilde ölçeklenmediğini gördük. Biz de bunu bir endüstri standardı olan Apollo ile değiştirdik. Ve bu, çerçevede çok daha fazla esnekliğe izin verdi.

Ayrıca tam şablon hiyerarşisi desteğini de yayınladık. Dolayısıyla, gerçek bir WordPress geliştiricisiyseniz ve yıllardır WordPress hiyerarşisiyle uğraşıyorsanız, bu size çok tanıdık gelecektir. Tam olarak ne olduğunu anlayacaksın. Bunu ihtiyacınıza göre genişletebilmeniz için bir eklenti mimarisi de ekledik. Kimlik doğrulama, doğrudan WordPress'ten içerik önizlemeleri, pazarlamacıların sitelerini oluştururken bekledikleri şeyler. Bu, topluluğun bize verdiği tüm geri bildirimlerden gerçekten ilham alan gerçekten büyük bir sürümdü. Ve bunu yapmaya devam ediyoruz. Bugün kullanabileceğiniz bir sonraki büyük özelliğimiz Gutenberg Block desteği.

Yani bu yeni. Ve esas olarak, yapmaya çalıştığımız şey, geliştiricilerin, bir yayıncının WordPress'te kullanmaya alışkın olduğu bloklara, fazladan bir ton iş yapmadan düğüm uygulamanız için ön uç için erişilebilir olmasını sağlayabilmelerini sağlamaktır. yayıncıya bekledikleri deneyimi, kolay ve yönetilebilir bir geliştirme deneyimi sunabilirsiniz. Daha sonra DE{CODE}'da bununla ilgili bir oturumumuz var. Hepinizi katılmaya ve bundan ders çıkarmaya davet ediyorum. Bu temel özellik üzerinde yinelemeye devam ederken, geri bildirimlerinizi buradan almaktan memnuniyet duyarız.

WordPress'i Headless'a getirdiğinizde kaybolan bir diğer şey de araç çubuğudur. Birçok yayıncı, bir web sayfasına gitmeye, "İçeriği düzenle"ye tıklayıp doğrudan düzenleyiciye girmeye ve içeriği anında değiştirebilmeye alışkındır. Headless'a geçince bu ortadan kayboldu. Faust ile birlikte bunu tekrar ekliyoruz. Böylece tıpkı mevcut WordPress araç çubuğunda yaptığınız gibi içeriği düzenleyebilir, bağlantılarda hata ayıklayabilir ve daha fazlasını yapabilirsiniz. Ayrıca, geleneksel WordPress'te bulunmayan araç çubuğuna getirebileceğimiz gerçekten ilginç şeyler olduğunu düşünüyorum. Sunucu performansı, dağıtım durumu ve diğerleri gibi şeyler, bu özel özellik için sahip olduğumuz fikirlerden sadece birkaçı.

Faust ile konuşmak istediğim başka bir şey de Faust'un Apollo, React ve Next.js üzerine inşa edilmiş olmasıdır. Bunu genişletir ve modern JavaScript geliştiricisi için WordPress ile çalışmayı çok daha kolaylaştırır. Kullanmak zorunda değilsin. Atlas'ta çerçeve agnostiğiyiz. Ancak bunu yapmanın en iyi yolunun nasıl olacağına dair bir öneri arıyorsanız, önerimiz Faust'tur. Bugün burada DE{CODE}'da lanse edilen bir başka önemli özellik de Atlas Search. Atlas Search'ü birçoğunuzun denemesi için açık bir Beta yaptığımız geçen yılki DE{CODE}'dan hatırlayabilirsiniz. Birçoğunuz yaptı ve yıl boyunca bize sağladığınız geri bildirimlerin çoğu, bunu gerçekten bugün kullanıma sunabileceğimiz eksiksiz bir özellik haline getirdi.

Özel bir API'si olmayan ilk GraphQL'dir ve tamamen genişletilebilir. ACF ve özel yazı tipi desteği, çok yönlü göz atma, ağırlıklı ve özel sonuçlar, kök çıkarma, bulanıklık ve hariç tutma içeren eksiksiz bir özellik setine sahibiz ve hepsinden önemlisi, Arama eylemleri veya bant genişliği konusunda hiçbir sınırımız yok. Bunu sizin için basit ve kullanımı kolay hale getirmek istiyoruz. Dolayısıyla, bununla ilgileniyorsanız, lütfen Atlas Arama ile ilgili daha fazla bilgimize göz atın.

Ve son birkaç çeyrekte kullanıma sunduğumuzdan haberdar olmayabileceğiniz diğer bazı önemli sürümler: Önizleme ortamları. Bu nedenle, bir anket isteğini önizlemek isterseniz, sizin için otomatik olarak bir ortam ayarlayabiliriz. Bu da testi ve QA'yı çok kolaylaştırır. Kimin hangi şubeye, nereye ve hangi ortama baktığını anlamak için bütün işi sizin yapmanıza gerek yok. Anket isteğinize göre bu geçici ortamlardan birini otomatik olarak oluşturabilirsiniz.

Ayrıca web kancalarını yeniden oluşturduk. Böylece, ihtiyacınız olan iş mantığına göre yapıları tetiklemek için bunları kullanabilirsiniz. Bu aynı zamanda bugün canlı olan bir şey. Bununla birlikte, anında geri dönüşlerimiz de var. Yani bir şey çalışmıyorsa, sitenizin önceki bir sürümüne yeniden konuşlandırabilirsiniz. Ayrıca gerçek zamanlı yapı günlüklerimiz ve bir yapıyı iptal etme yeteneğimiz de var. Yani bir şeyler ters gidiyorsa, devam edin ve iptal edin; hatalara bakabilir, değişiklikler yapabilir ve o siteyi yeniden inşa edebiliriz. Ve çoğunuzun sorduğu bir diğer şey de, tıpkı geleneksel WordPress'te olduğu gibi, parola korumasıydı. Müşterinizin bakmasını ve onaylamasını istediğiniz önizleme ortamlarınız olabilir. Bunu canlı hale getirebilmek ve kullanmalarına izin verebilmek için buna bir şifre koyun.

Ve şimdi size gelecekten biraz daha bahsetmek istiyorum. Önümüzdeki yıl Atlas için ufukta çok sayıda harika şey var. Ama bunlardan bahsetmek istediğim, gerçeğe daha yakın olan ve önümüzdeki birkaç ay içinde görmeniz gereken birkaç tane var. Bunlardan ilki, gelişmiş izleme ve analitiktir. Sizden daha fazla bilgi, daha fazla analiz istediğinizi çok sık duyduk, sitemde neler oluyor? Trafiğim nasıl görünüyor? Erişim günlükleri neye benziyor? Bu yüzden, sormanıza gerek kalmadan görebilmeniz için bunu size yüzeye çıkarmak istiyoruz.

Kampanyalarınızı, kodunuzu, sitenizi optimize etmek için bunu kullanabilirsiniz. Ayrıca GraphQL izleme ve uyarıları da ekleyeceğiz. Gerçek zamanlı olarak GraphQL sorgularınızda tam olarak neler oluyor? Böylece performans için optimize edebilirsiniz. En uygun deneyimi elde etmek için çeşitli sorguların çok fazla ayarlanmasını gerektiren Super Bowl reklamından daha önce bahsetmiştim. Peki, yapınızı yaparken bunları kendiniz optimize edebilmeniz için size tüm bu bilgileri parmaklarınızın ucunda versek ne olur? Buradaki amaç bu.

Ayrıca CI/CD deneyimini geliştirmek istiyoruz. Bu nedenle, bugün sizin için otomatik dağıtımlar ve buna benzer şeyler yapıyoruz, ancak mevcut olmayan dağıtım boru hatları var. Örneğin, hem arka uçta hem de WordPress'te ve Node'daki ön ucunuzda bir değişiklik yapıyorsanız, doğru deneyimi elde etmek için ikisini aynı anda nasıl dağıtırsınız? Bu nedenle, WordPress ve Node. Çokça duyduğumuz bir diğer büyük öğe ise Headless kişiselleştirme ve yerelleştirme. Bu web siteleri giderek daha hedefli hale geldikçe, sitelerinizi kişiselleştirmek ve yerelleştirmek için ihtiyacınız olan tüm araçlara sahip olduğunuzdan emin olmak istiyoruz. Bu nedenle, bunun nasıl meyve verebileceğine dair fikirler üzerinde çalışıyoruz.

Yardımınızı gerçekten çok isteriz çünkü Headless kişiselleştirme veya yerelleştirme dediğimde, bu birçok farklı insan için çok şey ifade edebilir. Bu nedenle, sizin için doğru yetenekleri oluşturduğumuzdan emin olabilmemiz için bu alanda yaptığınız şeylerin neler olduğunu anlamak için sizden haber almak isterim. Ayrıca bir Headless Block kütüphanesi kuruyoruz. Bu, daha önce bahsettiğim React Gutenberg Bridge projemizin bir uzantısı ve umarım daha sonra DE{CODE} etkinliğimizde bununla ilgili oturuma katılırsınız. Ancak, WordPress'te en yaygın kullanılan bloklardan oluşan bir kitaplık sağlamak istiyoruz, böylece kutudan çıkar çıkmaz kullanmanız için hepsi kurulu ve kablolanmış, böylece gidip bu işi yapmak zorunda kalmazsınız.

Ayrıca bunları kendi özel bloklarınıza ihtiyaç duyduğunuzda bağlamak için bir model olarak da kullanabileceksiniz. Bunun için sahip olduğum uzun vadeli umut, geliştiricilerin yeniden kullanılabilir bileşenlerden oluşan kitaplıklar oluşturmaya başlayacakları ve belki de bunları toplulukla paylaşabilecekleri, böylece hepimiz projelerimize bir adım önde başlayabiliriz. Faust'tan bahsetmişken, burada sahip olduğumuz ve devam eden yatırımımıza seslenmek istiyorum. Daha önce de söylediğim gibi Faust, Apollo, React ve Next.js kullanıyor. Ve bu bileşenleri desteklemek için platformumuza daha fazla özellik ekleyeceğiz, böylece daha hızlı, daha güvenli çalışacaklar ve Atlas'ta geliştirmenizi gerçekten kolaylaştıracağız.

Şimdi gerçekten ilginç bir konudan bahsetmek istiyorum. Bu soru, birkaç hafta önce yaptığımız bir yuvarlak masa toplantısında soruldu. Bence soru tam olarak şuydu: Neden herkes Headless'ı bu kadar çok zorluyor? Ve bu yüzden, Headless'ın her proje için doğru şey olup olmadığı hakkında konuşmak istiyorum. Bence yüksek düzeyde değil. İş için doğru aracı seçmeniz gerekiyor. Ve çok, çok güvenli olmasını istediğiniz modern bir web yığınında çok hızlı ve performanslı bir şey inşa etmeye çalıştığınızda Headless gerçekten mükemmel. Karmaşık projeleriniz olduğunda mükemmeldir. Performans en önemli olduğunda mükemmelleşir.

Headless'ta küçük bir broşür sitesi oluşturmanızı tavsiye eder miyim? Kötü performans geçmişine sahip, trafiği yoğun bir şekilde trafiği yapılan bir site olmadığı ve performansını iyileştirmeniz gerekmediği veya deneme yapmak istemediğiniz sürece, zorunlu değildir. Genellikle küçük oldukları için deneme yapmak için mükemmel sitelerdir. Ancak, büyük bir medya sitesi veya bir e-ticaret sitesi yapıyorsanız, Headless'ı tavsiye ederim çünkü bu siteleri çok birleştirilebilir bir şekilde oluşturmanıza, diğer sistemlerden veri almanıza, çok kanallı deneyimler oluşturmanıza ve hızlı ve performanslı olun.

Ve yayıncıların WordPress'i sevdiğini bildiğimiz için Headless WordPress'i öneriyorum. İçeriği yönetmek ve geliştirmek için mevcut en iyi CMS'dir. Öyleyse neden bunu, inanılmaz derecede esnek ve inanılmaz performanslı bir siteye sahipken, yayıncıları ve geliştiricileri mutlu edecek bir şekilde yapmak istemeyesiniz?

WordPress'i harika bir Headless CMS yapma misyonumuza devam ederken, bugün ayırdığınız zaman ve devam eden geri bildiriminiz ve ortaklığınız için size teşekkür etmek istiyorum. DE{CODE} etkinliğinde bugün bir dizi başka Headless oturumumuz var. Sizinle çalışmaktan ve sitelerinizi geliştirmek için önemli olduğunu düşündüğünüz şeyleri duymaktan her zaman gerçekten heyecan duyduğumuz için bunları izlemenizi ve soru sormanızı tavsiye ederim. Teşekkür ederim.