Apa itu Headless CMS? Pengertian dan Cara Kerjanya

Last Updated on March 3, 2023 by

Haruskah Anda mengadopsi pendekatan headless yang lebih baru untuk pengelolaan konten? Atau tetap menggunakan sistem monolitik tradisional. Meskipun platform Headless CMS telah ada sejak lama, ada beberapa perubahan besar pada apa yang ditawarkan belakangan ini. Mari kita jelajahi perbedaanya.

Apa itu Headless CMS?

Headless CMS adalah sistem pengelolaan konten yang menyediakan cara untuk membuat konten, tetapi alih-alih menggabungkan konten Anda ke keluaran tertentu (seperti rendering halaman web), ia menyediakan konten Anda sebagai data melalui API.

“Kepala” berkaitan dengan tempat konten Anda berakhir, dan “badan” adalah tempat konten Anda disimpan dan dibuat. Ini mungkin terdengar agak aneh pada awalnya, tetapi inti dari CMS headless bukanlah bahwa Anda tidak menginginkan atau membutuhkan head, tetapi Anda dapat memilih dan menentukan head (output) mana yang Anda kirimi konten .

Dalam beberapa tahun terakhir, kami telah melihat peningkatan CMS yang mencoba untuk lebih fleksibel dalam menyediakan konten. Ini biasanya disebut CMS Headless atau API-first. Beberapa di antaranya memasarkan dirinya sebagai Infrastruktur konten, Pusat Konten, atau bahkan Konten sebagai Layanan.

Namun, ketika Anda melihat lebih dekat, semuanya bermuara pada beberapa backend database dengan interface pengguna berbasis web, dan konten dapat diakses melalui API.

CMS Headless vs CMS Tradisional

Berbeda dengan headless, CMS tradisional adalah perangkat lunak yang Anda instal dan harus kelola sendiri, atau di lingkungan server yang dikelola. CMS tradisional juga disebut monolitik karena mereka mengemas semua fungsionalitas dan asumsi bagaimana Anda ingin bekerja ke dalam satu sistem.

CMS biasa sering menyediakan interface pengeditan konten (Apa yang Anda Lihat Adalah yang Anda Dapatkan) (WYSIWYG) karena hanya memiliki satu konteks untuk menyajikan konten biasanya halaman web.

Bagaimana dengan CMS Headless?

Sebagai tanggapan atas pengenalan Platform headless cms, beberapa vendor CMS tradisional telah membangun API di atas sistem mereka dan memasarkannya sebagai terpisah. Pendekatan decoupled menjanjikan kemampuan rendering situs web dan fleksibilitas headless.

Namun, tangkapannya adalah CMS API yang dipisahkan sangat dipengaruhi oleh model yang dibuat untuk satu situs web. Jika intinya, ini adalah bentuk penggabungan dan membatasi jumlah konteks di mana konten Anda dapat diterapkan secara wajar.

• CMS yang dipisahkan menambahkan API di atas untuk menyajikan konten
• Platform cms headless bersifat eksklusif untuk API

Bagaimana Cara Kerja CMS Headless?

Platform cms headless bekerja dengan:

1. Memberikan editor sebuah interface untuk mengelola konten.
2. Menyediakan konten itu melalui API bagi pengembang untuk membuat kueri dan membangun aplikasi.

Kebanyakan Platform cms headless ditawarkan sebagai Perangkat Lunak sebagai Layanan (SaaS), yang berarti bahwa editor Anda harus masuk ke aplikasi web dan bahwa API dihosting di backend berbasis cloud.

Beberapa Platform cms headless memungkinkan Anda meng-host seluruh solusi di server dan database Anda sendiri. Dalam model ini berarti Anda harus melakukan penskalaan dan operasi Anda sendiri.

Manfaat CMS Headless

Pengalaman Pengeditan Lebih Cepat

Arsitektur CMS tradisional harus menghabiskan sumber daya untuk mengedit konten, dan rendering konten. Headless CMS memiliki keunggulan dibandingkan alternatif tradisional karena tidak harus berurusan dengan sisi rendering. Itu diserahkan ke bagian lain yang lebih khusus dari tumpukan Anda.

Kelola Konten untuk Lebih Banyak Saluran

Konten yang benar-benar tanpa kepala tidak terikat pada satu perhatian presentasi (misalnya situs web), sehingga dapat menemukan audiens di berbagai saluran. Anda dapat menggunakan Platform cms headless untuk mengelola konten untuk aplikasi dan situs web. Anda bahkan dapat mengelola konten internal / admin Anda di tempat yang sama dan mengekstrak lebih banyak nilai darinya dengan cara itu.

Fleksibilitas Pengembang

Karena konten headless disajikan melalui API, developer dapat memilih perkakas frontend mereka sendiri. Jika Anda lebih suka bekerja dengan Javascript daripada PHP atau Ruby, Anda dapat melakukannya. Anda juga dapat menukar bagian dari tumpukan Anda, atau berpindah dari satu framework ke framework lainnya tanpa memengaruhi CMS.

Penskalaan Lebih Mudah

Headless memungkinkan Anda mengelola konten Anda dari satu sumber kebenaran, mengubah alat pengembang kapan saja, dan mendapatkan keuntungan dari mengirim konten Anda ke hosting berbasis cloud berkinerja tinggi dan membangun layanan seperti Vercel dan Netlify.

Keamanan yang Ditingkatkan

Karena konten tanpa kepala dipisahkan dari lapisan presentasi, ini adalah area serangan yang lebih kecil.

Kasus Penggunaan untuk CMS Headless

Situs Web & Aplikasi Web

Mereka adalah pilihan populer di situs “Jamstack” berkinerja tinggi dan bekerja dengan generator situs statis seperti Gatsby, 11ty, dan Next. Mereka juga dapat digunakan untuk aplikasi web dan populer dengan Javascript Frameworks modern seperti React, Vue.js, Svelte, dan Angular.

Produk dan Layanan

CMS headless yang dirancang dengan baik tidak akan diarahkan ke struktur konten berbasis halaman (yang seharusnya mudah dibuat, tetapi opsional). Jika demikian, Anda dapat mengelola konten untuk produk atau layanan apa pun: asisten suara, kios digital, percetakan, situs web – semuanya dari tempat yang sama.

Bagaimana Cara Memilih CMS Headless yang Tepat?

Ada banyak opsi di luar sana, dan mungkin sulit untuk menavigasi banyak fiturnya. Menurut kami, yang terbaik adalah membidik CMS yang dapat membantu Anda berkembang, dan beradaptasi seiring berkembangnya kebutuhan Anda.

Berikut adalah daftar pertanyaan yang dapat Anda tanyakan pada diri Anda untuk mengevaluasi bidang ini dengan lebih baik:

1. Dapatkah saya membuat jenis struktur konten yang benar-benar saya perlukan dengannya?
2. Apakah saya ingin, atau perlu, mengurus sendiri hosting dan pemeliharaan konten?
3. Akankah konten saya disimpan dengan cara yang aman dan mematuhi privasi?
4. Akankah pengeditan dan kolaborasi waktu nyata meningkatkan alur kerja saya?
5. Apakah konten teks kaya saya akan dikunci ke HTML?
6. Dapatkah saya menskalakan operasi konten saya tanpa jatuh dari jurang harga?
7. Bagaimana cara mengelola file dan aset gambar?
8. org menawarkan daftar sistem manajemen konten tanpa head yang cukup lengkap. Ini diarahkan ke situs Jamstack.

Jenis API Headless

Untuk lebih memahami proposisi nilai dari CMS headless, Anda perlu mengetahui lebih banyak tentang API. API singkatan dari A plikasi P rogramming I nterface, yang dalam konteks ini berarti bahwa Anda mendapatkan konten dengan cara yang lebih mudah untuk mengintegrasikan dengan ada atau software baru solusi.

Biasanya, Anda melakukan ini dengan mengirimkan CMS headless permintaan jaringan ke titik akhir API. Permintaan jaringan ini kurang lebih sama dengan yang Anda lakukan saat mengunjungi halaman web, tetapi alih-alih halaman web, Anda mendapatkan daftar dengan isi posting kembali:

// An example of content output in the JSON format

// from Appkey.id API

{

"_createdAt": "2018-04-25T11:21:25Z",

"_id": "XXXXXX",

"_type": "company",

"logo": {

"_type": "image",

"asset": {

"_ref": "image-2bfd3a-appkey-logo-svg",

"_type": "reference"

}

},

"slug": {

"_type": "slug",

"current": "APPKEY"

},

"title": "appkey.id"

}

Pengembang kemudian menggunakan informasi ini untuk membangun perangkat lunak. Sebagian besar pengembang saat ini terbiasa memprogram dengan API dan lebih memilihnya karena hal itu membuat mereka dapat mengontrol cara membangun sistem mereka.

Beberapa CMS seperti platform cms headless juga memungkinkan Anda mengubah konten melalui API. API adalah istilah yang cukup umum dan melampaui dunia CMS dan World Wide Web. Oleh karena itu, akan berguna untuk memperbesar dua jenis API yang paling sering digunakan dalam hal manajemen konten: REST dan GraphQL:

Apa Itu REST API?

API bisa menjadi lebih atau kurang fleksibel dalam hal membuat produk di atasnya. Secara tradisional, Platform cms headless telah menawarkan REST API. Mereka menyusun konten di balik beberapa URL (misalnya, /posts /authors /images).

Pengembang harus menggabungkan beberapa permintaan dengan ID dari berbagai jenis konten menjadi satu. REST API sangat bagus untuk struktur data sederhana tetapi cenderung memakan waktu untuk digunakan saat model konten Anda lebih kompleks. Ini juga lebih melelahkan untuk mengubah atau menyesuaikan API ini untuk penggunaan yang berbeda.

Apa Itu Graphql?

Facebook mengembangkan GraphQL sebagai tanggapan terhadap konvensi REST yang kurang fleksibel. Ini memungkinkan Anda menanyakan API dengan bidang dan hubungan yang Anda butuhkan untuk setiap kesempatan, hampir seperti apa yang dapat Anda lakukan secara langsung dengan database.

Ini juga lebih mudah untuk menerapkan bidang baru dan tipe konten saat sistem Anda matang. Biasanya platform cms headless menawarkan GraphQL API dengan versi yang diberi tag sehingga Anda dapat mengatur titik akhir yang berbeda untuk aplikasi yang berbeda.

Mengapa Cms Headless Tidak Boleh Menyimpan Rich Text sebagai HTML

Sekarang dan ke depannya, organisasi dan bisnis perlu semakin tersedia di berbagai saluran baik itu situs web yang berbeda, aplikasi, asisten suara, atau bahkan materi cetak. Kehadiran multisaluran menimbulkan tuntutan baru tentang bagaimana konten harus dikelola dan ditayangkan.

Menggunakan CMS headless dan menyediakan konten Anda melalui API adalah awal yang baik. Namun, Anda juga ingin konten tersebut disusun sedemikian rupa sehingga mudah digunakan dan diadaptasi.

Dengan pemikiran ini, kami merasa bingung karena hampir semua Platform cms headless modern menyimpan konten teks kaya sebagai HTML. Tidak masalah jika yang Anda lakukan hanyalah mengirimkan konten ke browser web, tetapi ini bukan format penyimpanan multisaluran yang bagus menguraikannya ke format lain bisa jadi sulit dan tidak dapat diprediksi.

Contoh platform Headless CMS

Apakah Anda tertarik menggunakan Headless CMS? Berikut kami rangkum beberapa penyedia sistem ini yang paling banyak direkomendasikan dengan fitur yang bisa jadi akan cocok untuk Anda:

Strapi

Strapi adalah layanan headless CMS berbasis terbuka yang memiliki kemampuan kustomisasi secara penuh dan 100% JavaScript. Platform ini mengutamakan developer dan mempermudah pengembangan API dengan admin panel yang tidak hanya mudah digunakan, namun juga memiliki fitur lengkap.

Selain itu, fitur-fitur lain dari Strapi di antaranya adalah:

• Bangun dan sesuaikan skema, model, controller, dan services untuk API yang akan digunakan dari editor secara otomatis
• Dukungan beberapa jenis basis data seperti MySQL, SQLite, dan Postgres
• Dapat digunakan untuk melakukan query konten dengan GraphQL atau RESTful API
• Antarmuka pengelolaan konten yang ramah dengan pengguna serta fleksibel
• Editor yang intuitif dan dapat disesuaikan dengan media library untuk mengelola file, foto, atau video
• Mendukung internationalization (pembuatan konten dalam berbagai bahasa dan sesuai wilayah), SEO (optimasi konten untuk search engine), autentikasi, API Token v2, dan masih banyak lagi.
  

Directus

Directus adalah perangkat lunak (software) untuk mengakses basis data SQL melalui API. Directus Suite adalah package yang memadukan tiga tool sekaligus, yaitu wrapper untuk basis data SQL menjadi API sehingga konten dapat dihubungkan ke berbagai aplikasi lain, aplikasi admin untuk memudahkan pengolahan konten, serta dependency untuk memudahkan penginstalan di server. Selain dapat digunakan untuk Headless CMS, Directus juga cocok digunakan untuk penghubungan data dengan keperluan lain seperti dashboard analisis data atau aplikasi manajemen internal perusahaan.

Fitur-fitur pada Directus yaitu:

• Dapat mengelola API dengan aplikasi yang sederhana, mudah digunakan, dan fungsinya dapat ditambah (extensible)
• Data dapat langsung di-import tanpa perlu migrasi ke framework tertentu. Pengembang dapat membuat basis data untuk proyek tertentu yang terpisah dengan proyek utama.
• Semua aktivitas tercatat serta dapat dikembalikan (rollback) jika ada kesalahan untuk meminimalisir kehilangan data
• Codebase bersifat modular dan sepenuhnya menggunakan JavaScript.

Craft CMS

Craft CMS adalah penyedia headless CMS yang fleksibel, ramah dengan pengguna, dan multifungsi. Mulai dari strategi konten, pembuatan sampai pengembangannya dapat dilakukan langsung dari Craft CMS. Beberapa fitur lain pada layanan ini yaitu:

• Tipe field kustom yang dapat disesuaikan dengan konten yang ingin dibuat dan section type untuk tipe halaman yang berbeda-beda.
• Relasi untuk semua entry, kategori, tag, assets, pengguna dapat dikelola secara konsisten dengan memanfaatkan sistem relasi dinamis yang dimiliki CMS
• Buat banyak situs dengan satu instalasi Craft CMS dengan pengaturannya masing-masing.
• Lokalisasi konten (konten pada website dapat dibuat khusus untuk lokasi dan bahasa tertentu)
• Control panel yang mudah digunakan untuk pembuatan dan pengelolaan konten
• Pratinjau konten secara langsung sebelum dipublikasikan dengan tampilan fullscreen dan tampilan layar ponsel.

Pilihan platform Headless CMS tentunya tidak terbatas pada yang kami rangkum di atas. Alternatif lain yang dapat Anda cek seperti Contentful, Sanity, Cockpit, ButterCMS, Prismic, Magnolia, serta masih banyak lagi yang disebut dalam daftar CMS Headless oleh Jamstack, sebuah pendekatan arsitektur yang memisahkan data dengan halaman konten. Banyaknya pilihan platform untuk sistem ini membuktikan bahwa tingkat ketertarikan penggunaannya akan terus meningkat di masa depan.

Kesimpulan

Platform cms headless memberi editor interface untuk mengelola konten dengan mudah, sekaligus menyediakan API bagi pengembang untuk membangun aplikasi, sehingga lebih mudah dan cepat untuk menyimpan, mengedit, dan menerbitkan konten. Mereka berbeda dari CMS tradisional dan CMS yang dipisahkan karena bersifat eksklusif API, dan tidak ada hubungannya dengan rendering konten.

Kunjungi Web App di https://appkey.id/ agar Anda tidak ketinggalan informasi terbaru.