Melampaui Dengan Tanpa Kepala Didukung oleh Atlas
Diterbitkan: 2023-04-09Sudah waktunya untuk serius tentang solusi tanpa kepala. Bisnis dan agensi nyata menciptakan pengalaman web tanpa kepala yang memberi pengembang fleksibilitas untuk menggunakan tumpukan front-end apa pun dan memungkinkan pembuat konten menggunakan antarmuka penerbitan pilihan mereka.
Dalam sesi ini, Direktur Produk WP Engine Jason Konen merangkum kemajuan yang telah kami buat dengan Atlas, solusi WordPress tanpa kepala dari WP Engine, dan memberikan gambaran sekilas tentang kemajuan yang akan kami kejar di tahun 2023.
Slide Sesi:
Salinan:
JASON KONEN: Hai, saya Jason Konen. Saya direktur produk untuk Atlas di sini di WP Engine, dan saya ingin berbicara dengan Anda hari ini tentang melangkah lebih jauh dengan Headless yang didukung oleh Atlas. Jadi yang benar-benar kami lihat saat ini adalah perubahan besar di pasar. Ini mungkin perubahan terbesar sejak smartphone keluar, dengan 64% perusahaan saat ini menggunakan pendekatan Headless dan 90% ingin melakukannya dalam 12 bulan ke depan. Itu jumlah yang sangat besar. Dan kami tahu bahwa komunitas WordPress telah berkembang di Headless selama beberapa tahun terakhir. Kami telah bekerja sangat erat dengan beberapa mitra kami dan menerapkan banyak, banyak situs WordPress Tanpa Kepala untuk memenuhi kebutuhan ini.
Salah satu hal yang kami lihat adalah Headless benar-benar memberdayakan para pengembang. Jadi CMS modern memiliki beberapa hal yang sangat mengagumkan. Tapi yang kami temukan adalah hal itu benar-benar melemahkan penerbit. Jadi CMS Tanpa Kepala ini yang telah dibuat khusus untuk tanpa kepala sejak awal, sangat menarik, sangat membantu pengembang, tetapi penerbit kehilangan beberapa hal. Mereka kehilangan tema dan tata letak halaman dan alat SEO dan hal-hal seperti itu. Tapi WordPress benar-benar memberdayakan penerbit dan selalu begitu. Dari inti, hingga semua plug-in di ekosistem, semua tema, dan komunitas.
Jadi benar-benar memungkinkan penerbit untuk mengontrol pesan mereka, teks mereka, pemformatan, pengujian A/B, alat SEO, mengubah tema, dan melakukan semua pekerjaan itu tanpa perlu pengembangan yang berat. Tapi kami baru saja mengatakan bahwa Headless mengambilnya, menghilangkan kekuatan itu. Tapi kami percaya bahwa WordPress Tanpa Kepala mengembalikannya untuk semua orang, tidak hanya memberdayakan pengembang dan apa yang ingin mereka lakukan, tetapi juga penerbit dan apa yang mereka coba lakukan. Jadi, jika Anda melihatnya sebagai "alat apa yang terbaik untuk pekerjaan itu", pengembang Anda ingin bekerja dengan tumpukan teknologi modern yang memungkinkan mereka untuk menskalakan, menggunakan kode secara berlebihan, menggunakan teknik modern, dan tumbuh bersama industri. Padahal, penerbit ingin bisa menggunakan alat CMS yang mereka kenal dan sukai selama 20 tahun tanpa harus melakukan banyak perubahan.
Di sinilah Atlas masuk. Platform Atlas telah dirancang untuk menyenangkan penerbit dan pengembang. Hosting WordPress terbaik di kelasnya adalah dasar untuk ini, tetapi kemudian kami menggunakan hosting node penskalaan otomatis dan penyembuhan sehingga Anda dapat membuat aplikasi web modern di atas WordPress. Kami memiliki caching tepi yang telah dikonfigurasi sebelumnya, alat CI/CD, serta kinerja dan keamanan yang tak tertandingi, semuanya dibangun di atas ekosistem yang tumbuh dalam komunitas yang tumbuh. WP GraphQL, bersama dengan fitur barunya, Smart Cache, produk kami yang akan datang, Pencarian Atlas. Faust.JS, framework Headless untuk membuat situs WordPress Headless, Bidang Kustom Lanjutan, yang kami bawa ke dalam keluarga WP Engine tahun lalu dan kami telah bekerja keras untuk menghadirkan kemampuan Atlas Content Modeler langsung ke ACF.
Cetak biru dan seterusnya, dan jangan lupakan dukungan kelas dunia yang sudah Anda kenal dan cintai. Sekarang saya ingin berbicara sedikit tentang kinerja. Baru-baru ini, kami memiliki pelanggan yang menjalankan beberapa iklan selama Super Bowl. Dan Anda bahkan tidak dapat menguji jenis lalu lintas yang akan Anda dapatkan di acara seperti ini. Jika Anda lihat di bagan ini, Anda memiliki tiga lonjakan kecil di keenam, kedelapan, dan kesembilan. Itu adalah uji beban mereka sehingga mereka menguji untuk melihat, "hei, apakah situs ini akan bertahan" untuk semua lalu lintas yang mereka harapkan selama Super Bowl. Dan kemudian Anda lihat nanti di bagan, dua paku raksasa, dan itu sesuai dengan dua iklan yang ditayangkan melalui Super Bowl. 10 kali lalu lintas yang mereka harapkan. Dan ini sangat sukses.
Mereka memiliki performa yang konsisten sebelum, selama, dan setelahnya, bahkan dengan lonjakan 10x yang tiba-tiba dengan 10 juta permintaan hanya dalam hitungan menit. Serangan DDoS dimitigasi di tepi, mencegah segala jenis masalah kinerja aplikasi. 99% dari seluruh ujung depan di-cache dengan 151 milidetik, ke byte pertama dan 700 milidetik untuk dirender, semuanya sambil menangani 27 juta permintaan selama Super Bowl. Jadi jika Anda pergi ke situs selama lalu lintas puncak, Anda tidak akan tahu bahwa itu berada di bawah beban seperti itu. Itulah jenis kinerja yang dapat diberikan oleh situs WordPress Tanpa Kepala kepada Anda. Dan kami telah memasukkannya ke dalam platform Atlas.
Kami bekerja sangat keras dengan pelanggan dan biro iklan di balik iklan ini untuk memastikan bahwa situs mereka berkinerja dan dioptimalkan. Dan hal yang kami lakukan dengan pelanggan kami adalah memastikan bahwa kami menggunakan semua praktik terbaik untuk memastikan bahwa situs Anda berkinerja, cepat, dan aman. Jadi salah satu hal besar yang kami lakukan di tim Atlas adalah mendengarkan dan bermitra dengan pelanggan dan mitra agensi kami. Kami mendengarkan, kami belajar, dan kami melepaskan. Dan inilah beberapa hal yang telah kami luncurkan pada tahun 2022 untuk Atlas.
Yang ingin saya sampaikan adalah berapa banyak investasi yang kita miliki di bidang ini. Kami benar-benar percaya bahwa WordPress tanpa kepala benar-benar menghadirkan yang terbaik dari CMS kelas dunia untuk kinerja dan pengalaman pengembang yang dibutuhkan situs modern agar sukses. Dan agar kami terus bekerja dengan Anda tentang apa yang benar-benar perlu kami bangun, apa yang benar-benar perlu kami miliki untuk membantu Anda menjadi sukses, Anda akan melihat semakin banyak investasi di sini. Anda akan melihat kami terus merilis sesuatu, jika tidak setiap dua minggu, setidaknya sebulan sekali karena kami bergerak sangat cepat. Dan umpan balik Anda sangat penting bagi kami.
Beberapa hal yang ingin saya sebutkan dan bicarakan sedikit lebih dalam dari daftar ini adalah: Faust.js. Jadi ini adalah framework Headless untuk WordPress. Kami membuat ini pada tahun 2021 dan merilisnya di luar sana. Dan kami mendapat banyak umpan balik dari kalian dan itu luar biasa. Dan kami menerima umpan balik itu dan membangunnya kembali karena itu tidak menskalakan seperti yang dibutuhkan pengembang untuk menskalakannya. Kami menggunakan bahasa kueri yang disediakan oleh G-qty dan menemukan bahwa hanya– ia melakukan beberapa hal ajaib, tetapi tidak menskalakan seperti yang kami inginkan. Jadi kami menukarnya dengan Apollo, yang merupakan standar industri. Dan itu memungkinkan lebih banyak fleksibilitas dengan kerangka kerja.
Kami juga merilis dukungan hierarki template lengkap. Jadi jika Anda benar-benar pengembang WordPress dan telah berurusan dengan hierarki WordPress selama bertahun-tahun, ini akan sangat familiar bagi Anda. Anda akan mengerti persis apa yang sedang terjadi. Kami juga telah menambahkan arsitektur plug-in sehingga Anda dapat memperluasnya sesuai kebutuhan. Otentikasi, pratinjau konten langsung dari WordPress, hal-hal yang diharapkan pemasar saat mereka membangun situs mereka. Jadi itu rilis yang sangat besar, sangat terinspirasi oleh semua umpan balik yang diberikan komunitas kepada kami. Dan kami terus melakukan itu. Fitur besar kami berikutnya, yang dapat Anda gunakan hari ini, adalah dukungan Blok Gutenberg.
Jadi ini baru. Dan pada dasarnya, apa yang kami coba lakukan adalah membuatnya agar pengembang dapat memastikan bahwa blok yang digunakan penerbit di WordPress dapat diakses untuk ujung depan, untuk aplikasi simpul Anda tanpa banyak pekerjaan tambahan, sehingga Anda dapat memberi penerbit pengalaman yang mereka harapkan, bersama dengan pengalaman pengembangan yang mudah dan dapat dikelola. Dan kami memiliki sesi nanti di DE{CODE} tentang ini. Saya mendorong Anda semua untuk hadir dan belajar dari ini. Kami akan sangat senang dengan umpan balik Anda di sini karena kami terus mengulangi fitur utama ini.
Hal lain yang hilang saat Anda menggunakan WordPress ke Headless adalah bilah alat. Banyak penerbit terbiasa pergi ke halaman web, mengklik "Edit konten" dan langsung masuk ke editor dan dapat mengubah konten dengan cepat. Nah, itu hilang saat Anda pergi Tanpa Kepala. Jadi kami menambahkannya kembali dengan Faust. Jadi Anda dapat mengedit konten, men-debug koneksi, dan lainnya, seperti yang Anda lakukan dengan bilah alat WordPress yang ada. Saya juga berpikir bahwa ada beberapa hal yang sangat menarik yang dapat kami bawa ke bilah alat yang tidak ada di WordPress tradisional. Hal-hal seperti, kinerja server, status penerapan, dan lainnya, hanya sekumpulan ide yang kami miliki untuk fitur khusus ini.

Jadi hal lain yang ingin saya bicarakan dengan Faust adalah Faust dibangun di atas Apollo dan React dan Next.js. Itu memperluas itu dan membuat bekerja dengan WordPress jauh lebih mudah untuk pengembang JavaScript modern. Anda tidak harus menggunakannya. Kami adalah kerangka kerja agnostik di Atlas. Namun jika Anda sedang mencari rekomendasi bagaimana cara terbaik untuk melakukannya, rekomendasi kami adalah Faust. Fitur utama lainnya yang diluncurkan hari ini di DE{CODE} yang ingin saya sebutkan adalah Pencarian Atlas. Anda mungkin ingat Penelusuran Atlas dari DE{CODE} tahun lalu saat kami mengadakan Beta terbuka untuk Anda coba. Dan banyak dari Anda melakukannya, dan banyak umpan balik yang Anda berikan kepada kami selama tahun ini benar-benar menjadikan ini fitur lengkap yang dapat kami luncurkan hari ini.
Ini adalah GraphQL pertama tanpa API eksklusif dan dapat dikembangkan sepenuhnya. Kami memiliki rangkaian fitur lengkap dengan ACF dan dukungan tipe pasca ubahsuaian, penelusuran berfaset, hasil tertimbang dan ubahsuaian, stemming, ketidakjelasan, dan pengecualian, dan yang terbaik, kami tidak memiliki batasan pada tindakan Penelusuran atau lebar pita. Kami ingin membuatnya sederhana dan mudah untuk Anda gunakan. Jadi jika Anda tertarik dengan itu, silakan lihat informasi lebih lanjut kami di Pencarian Atlas.
Dan beberapa rilis penting lainnya yang mungkin tidak Anda sadari yang telah kami luncurkan dalam beberapa kuartal terakhir: Pratinjau lingkungan. Jadi jika Anda ingin mempratinjau permintaan jajak pendapat, kami dapat menyiapkan lingkungan secara otomatis untuk Anda. Dan ini membuat pengujian dan QA menjadi sangat mudah. Anda tidak perlu melakukan semua pekerjaan untuk mencari tahu siapa yang melihat cabang apa dan di mana serta lingkungan apa yang mereka lihat. Anda dapat secara otomatis membuat salah satu lingkungan sesaat ini berdasarkan permintaan jajak pendapat Anda.
Kami juga telah membangun kembali webhook. Jadi, Anda dapat menggunakan ini untuk memicu build berdasarkan logika bisnis apa pun yang Anda butuhkan. Itu juga sesuatu yang hidup hari ini. Dengan itu, kami juga memiliki pengembalian instan. Jadi, jika ada yang tidak berfungsi, Anda dapat menerapkan ulang situs Anda ke versi sebelumnya. Dan kami juga memiliki log build waktu nyata dan kemampuan untuk membatalkan build. Jadi jika ada yang tidak beres, lanjutkan dan batalkan dan kami dapat melihat kesalahannya, membuat perubahan, dan membangun kembali situs itu. Dan satu lagi yang banyak dari Anda minta adalah perlindungan kata sandi, seperti di WordPress tradisional. Anda mungkin memiliki lingkungan pratinjau yang ingin dilihat dan disetujui oleh pelanggan. Letakkan kata sandi di dalamnya sehingga Anda dapat mengaktifkannya dan mengizinkan mereka untuk menggunakannya.
Dan sekarang saya ingin memberi tahu Anda sedikit lebih banyak tentang masa depan. Kami memiliki sejumlah hal hebat di cakrawala untuk Atlas di tahun depan. Tetapi ada beberapa dari mereka yang ingin saya bicarakan yang lebih dekat dengan kenyataan dan Anda akan melihatnya dalam beberapa bulan ke depan. Yang pertama adalah pemantauan dan analitik lanjutan. Kami sering mendengar dari Anda bahwa Anda menginginkan lebih banyak informasi, lebih banyak analitik, apa yang terjadi dengan situs saya? Seperti apa lalu lintas saya? Seperti apa log akses itu? Jadi kami ingin menunjukkannya kepada Anda sehingga Anda dapat melihatnya tanpa harus memintanya.
Anda dapat menggunakannya untuk mengoptimalkan kampanye, kode, dan situs Anda. Kami juga akan menambahkan pemantauan dan peringatan GraphQL. Apa yang sebenarnya terjadi dengan kueri GraphQL Anda secara real time? Sehingga Anda dapat mengoptimalkan kinerja. Saya menyebutkan iklan Super Bowl sebelumnya, yang membutuhkan banyak penyetelan berbagai kueri untuk mendapatkan pengalaman yang paling optimal. Jadi bagaimana jika kami dapat memberi Anda semua informasi itu di ujung jari Anda sehingga Anda dapat mengoptimalkannya sendiri saat Anda membangun? Itulah tujuannya di sini.
Kami juga ingin meningkatkan pengalaman CI/CD. Jadi kami melakukan penerapan otomatis dan hal-hal seperti itu untuk Anda hari ini, tetapi ada saluran penerapan yang tidak ada. Misalnya, jika Anda membuat perubahan pada backend dan WordPress dan frontend Anda di Node, bagaimana Anda menerapkan keduanya sekaligus sehingga Anda mendapatkan pengalaman yang tepat? Jadi kami akan mencari cara untuk memungkinkan pipeline dibangun dan dikelola untuk proyek Anda dengan penerapan yang dikelola di WordPress dan Node.js. Item besar lainnya yang sering kami dengar adalah personalisasi dan pelokalan tanpa kepala. Karena situs web ini menjadi semakin bertarget, kami ingin memastikan bahwa Anda memiliki semua alat yang diperlukan untuk mempersonalisasi dan melokalkan situs Anda. Jadi kami sedang mengerjakan ide tentang bagaimana hal itu bisa membuahkan hasil.
Kami akan sangat menghargai bantuan Anda karena ketika saya mengatakan personalisasi atau pelokalan tanpa kepala, itu dapat berarti banyak hal bagi banyak orang. Jadi saya ingin mendengar dari Anda untuk memahami hal-hal apa saja yang Anda lakukan di bidang ini sehingga kami dapat memastikan bahwa kami membangun kemampuan yang tepat untuk Anda. Kami juga membangun perpustakaan Headless Block. Ini adalah perpanjangan dari proyek React Gutenberg Bridge yang saya bicarakan sebelumnya, dan saya harap Anda pergi dan menghadiri sesi itu nanti di acara DE{CODE} kami. Tapi kami ingin menyediakan perpustakaan dari blok yang paling umum digunakan di WordPress sehingga semuanya diatur dan terhubung untuk Anda gunakan di luar kotak sehingga Anda tidak perlu pergi dan melakukan pekerjaan itu.
Dan Anda juga dapat menggunakannya sebagai pola untuk memasang blok kustom Anda sendiri sesuai kebutuhan. Harapan jangka panjang yang saya miliki untuk ini adalah bahwa pengembang akan mulai dapat membangun pustaka komponen yang dapat digunakan kembali dan mungkin membaginya dengan komunitas sehingga kita semua dapat memulai proyek kita lebih awal. Dan berbicara tentang Faust, saya ingin menyebutkan investasi berkelanjutan yang kami miliki di sini. Seperti yang saya katakan sebelumnya, Faust menggunakan Apollo, React, dan Next.js. Dan kami akan menambahkan lebih banyak fitur ke platform kami untuk mendukung komponen tersebut agar berjalan lebih cepat, lebih aman, dan membuatnya sangat mudah bagi Anda untuk mengembangkan di Atlas.
Jadi sekarang saya ingin berbicara tentang topik yang sangat menarik. Pertanyaan ini ditanyakan dalam sesi meja bundar yang kami lakukan beberapa minggu lalu. Pertanyaannya, menurut saya, sebenarnya adalah, mengapa semua orang terlalu memaksakan Headless? Jadi saya ingin berbicara tentang, apakah Headless adalah hal yang tepat untuk setiap proyek? Saya pikir pada level tinggi, tidak. Anda harus memilih alat yang tepat untuk pekerjaan itu. Dan Headless benar-benar unggul saat Anda ingin membuat sesuatu yang sangat cepat dan berperforma tinggi di tumpukan web modern yang Anda inginkan dengan sangat, sangat aman. Ini unggul ketika Anda memiliki proyek yang rumit. Itu unggul ketika kinerja adalah yang terpenting.
Apakah saya akan merekomendasikan Anda membangun situs brosur kecil di Headless? Belum tentu, kecuali itu adalah situs yang sangat diperdagangkan yang memiliki riwayat kinerja buruk dan Anda perlu meningkatkan kinerjanya, atau jika Anda ingin bereksperimen. Mereka adalah situs yang sempurna untuk bereksperimen karena umumnya berukuran kecil. Namun jika Anda membuat situs media besar atau situs e-niaga, saya merekomendasikan Headless karena ini akan memungkinkan Anda membangun situs ini dengan cara yang sangat mudah disusun, memasukkan data dari sistem lain, membangun pengalaman omnichannel, dan menjadi cepat dan berkinerja.
Dan saya merekomendasikan WordPress Tanpa Kepala karena kami tahu penerbit menyukai WordPress. Ini adalah CMS terbaik untuk mengelola dan mengembangkan konten. Jadi mengapa Anda tidak ingin melakukannya dengan cara yang membuat penerbit senang dan pengembang senang, sambil memiliki situs kinerja luar biasa yang sangat fleksibel.
Saya ingin berterima kasih atas waktu Anda hari ini dan umpan balik serta kemitraan Anda yang berkelanjutan saat kami melanjutkan misi kami untuk menjadikan WordPress sebagai CMS Tanpa Kepala yang hebat. Kami memiliki sejumlah sesi Headless lainnya hari ini di acara DE{CODE}. Saya mendorong Anda untuk menontonnya, ajukan pertanyaan, karena kami selalu sangat bersemangat untuk bekerja sama dengan Anda dan mendengar hal-hal yang menurut Anda penting untuk mengembangkan situs Anda. Terima kasih.