![Panduan Contentful CMS: Fitur, Harga, GraphQL API & Contoh Kode [2026]](/_next/image?url=https%3A%2F%2Fmedia.techsy.io%2Ftechsy-io%2Fhero-106-1200x630.webp&w=3840&q=75)
Panduan Contentful CMS: Fitur, Harga, GraphQL API & Contoh Kode [2026]
Contentful adalah headless CMS berbasis API-first yang menyimpan konten Anda di satu hub terpusat dan mengirimkannya melalui REST dan GraphQL API ke frontend mana pun—web, mobile, IoT, digital signage, apa pun yang sedang Anda bangun. Panduan ini mencakup semua yang dilewatkan kompetitor: contoh kode nyata, angka harga sebenarnya, dan keterbatasan secara jujur.
Kami menggunakan Sanity (kompetitor langsung Contentful) di produksi untuk empat website dan sepuluh bahasa, jadi perspektif kami berasal dari praktisi, bukan pitch vendor.
Ringkasan Cepat
| Detail | Info |
|---|---|
| Tipe | Headless CMS (API-first) |
| Didirikan | 2013, Berlin |
| Cocok Untuk | Tim enterprise, konten multi-channel, proyek dengan kebutuhan lokalisasi tinggi |
| Kurang Cocok Untuk | Developer solo dengan budget terbatas, blog sederhana, tim yang butuh visual editing bawaan |
| Free Tier | Ya -- 10 user, 100K API call/bulan, 1 space |
| Paket Berbayar | Mulai $300/bulan (Lite) hingga Enterprise custom |
| API | REST (CDA, CMA, CPA) + GraphQL |
| Content Modeling | Terstruktur: content type, field, reference, validasi |
| Fitur AI | AI Actions, Contentful Studio, personalisasi Ninetailed |
| Lokalisasi | Dukungan locale native, tanpa manajemen terjemahan bawaan |
| Open Source | Tidak |
| Kompetitor Utama | Sanity, Strapi, Storyblok, Payload, Hygraph |
Apa Itu Contentful?
Contentful adalah headless CMS cloud-native berbasis API-first, atau seperti yang sekarang disebut perusahaannya, "composable content platform." Berbeda dengan sistem tradisional seperti WordPress yang menggabungkan manajemen konten dengan frontend, Contentful menyimpan konten terstruktur secara terpusat dan mengirimkannya melalui API ke channel mana pun yang Anda butuhkan.
Konsep kuncinya adalah arsitektur decoupled. Konten Anda berada di cloud Contentful. Frontend Anda—baik itu situs Next.js, aplikasi React Native, atau smart display—mengambil konten melalui API Contentful saat build time atau runtime. Kontennya tidak perlu tahu atau peduli di mana ia akan ditampilkan.
Didirikan di Berlin pada 2013, Contentful telah tumbuh menjadi salah satu vendor headless CMS terbesar. Brand seperti Spotify, Vodafone, Chanel, dan Atlassian menjalankan operasi konten mereka di platform ini. Contentful bukan open source, dan tidak ada opsi self-hosted—hanya SaaS, yang perlu dipertimbangkan jika Anda memiliki kendala kepatuhan terkait residensi data.
Menurut dokumentasi resmi Contentful, platform ini memposisikan diri sebagai infrastruktur untuk konten—sebuah content hub yang berada di antara tim editorial dan pengalaman digital Anda.
Bagaimana Cara Kerja Contentful?
Contentful mengikuti arsitektur tiga lapis: Anda mendefinisikan Content Model (skema), membuat Content (entry), dan mengirimkannya melalui API. Konten bersifat channel-agnostic—blog post yang sama bisa menggerakkan website, aplikasi mobile, dan email newsletter Anda tanpa duplikasi.
Semuanya mengalir melalui API. Tidak ada server-side rendering bawaan, tidak ada template, tidak ada layer tema. Anda membangun frontend sesuka Anda, dan Contentful menangani penyimpanan serta pengiriman konten.
Tiga API
Contentful menyediakan tiga API berbeda, masing-masing dengan tujuan dan autentikasi sendiri:
- Content Delivery API (CDA): Akses read-only ke konten yang sudah dipublikasikan. Didukung CDN Fastly, sehingga request yang ter-cache cepat dan tidak terbatas. Request yang tidak ter-cache dibatasi 55 per detik.
- Content Management API (CMA): Akses read-write untuk membuat dan memperbarui konten secara programatis. Dibatasi 10 request per detik. Ini yang Anda gunakan untuk migrasi, bulk import, atau pipeline CI/CD.
- Content Preview API (CPA): Sama seperti CDA tetapi menyajikan konten draft. Sempurna untuk membangun mode preview di frontend Anda—editor bisa melihat perubahan yang belum dipublikasikan sebelum menekan tombol publish.
Ketiganya mendukung REST dan GraphQL. Autentikasi menggunakan Bearer token, dengan token terpisah untuk delivery dan management.
Environment dan Space
Anggap Space sebagai proyek dan Environment sebagai git branch untuk konten Anda. Anda mungkin punya environment master untuk produksi dan environment staging tempat editor bisa bekerja tanpa memengaruhi konten live.
Environment mendukung aliasing—Anda bisa mengarahkan alias master ke environment baru untuk promosi konten tanpa downtime. Jika Anda sedang memilih framework frontend untuk dipasangkan dengan Contentful, model environment ini bekerja baik dengan preview deployment di platform seperti Vercel atau Netlify.
Webhook memungkinkan Anda memicu build, menyinkronkan dengan sistem eksternal, atau memulai workflow setiap kali konten berubah. Kebanyakan tim menghubungkannya ke pipeline CI/CD untuk membangun ulang static site di setiap event publish.
Content Modeling di Contentful
Content modeling adalah tempat Anda mendefinisikan struktur konten—"skema" yang menentukan field apa yang ada, tipe data apa yang disimpan, dan bagaimana content type saling berhubungan. Berdasarkan pengalaman kami, di sinilah Contentful benar-benar unggul dibanding opsi CMS yang lebih sederhana.
Pada dasarnya Anda merancang skema konten, mirip tabel database tetapi lebih fleksibel. Content type "Blog Post" mungkin punya title (short text), body (rich text), author (reference ke content type Author), dan tags (array of strings). Setiap entry yang Anda buat mengikuti struktur ini.
Tipe Field dan Validasi
Contentful menawarkan berbagai tipe field yang solid:
- Short text (Symbol): Judul, slug, label—hingga 256 karakter
- Long text (Text): Markdown atau plain text, tanpa batas karakter
- Rich text: Berbasis JSON (bukan HTML), memberi Anda kontrol rendering penuh
- Number: Integer atau desimal
- Date/Time: Format ISO 8601
- Boolean: Toggle true/false
- Media (Asset): Gambar, video, dokumen—disimpan di pipeline asset Contentful
- Reference (Link): Menghubungkan entry ke entry atau asset lain
- JSON Object: Data terstruktur bebas
- Location: Pasangan latitude/longitude
Setiap field mendukung validasi: required, unique, pola regex, batas ukuran, dan pesan validasi custom. Anda juga bisa mengatur opsi tampilan yang mengontrol bagaimana field dirender di UI editor.
Reference dan Linked Entry
Reference adalah cara Anda menghubungkan content type. Reference "Author" di Blog Post menautkan ke entry Author. Field "Related Posts" bisa mereferensikan beberapa entry Blog Post sekaligus. Ini menciptakan content graph—entry yang terhubung ke entry lain, bisa di-query dalam satu API call.
Berikut tampilan definisi content type Blog Post saat Anda membuatnya melalui Content Management API:
{
"name": "Blog Post",
"fields": [
{ "id": "title", "type": "Symbol", "required": true },
{ "id": "slug", "type": "Symbol", "validations": [{ "unique": true }] },
{ "id": "body", "type": "RichText" },
{ "id": "author", "type": "Link", "linkType": "Entry" },
{ "id": "publishDate", "type": "Date" },
{ "id": "tags", "type": "Array", "items": { "type": "Symbol" } }
]
}Ini adalah jenis hal yang Anda simpan di version control dan terapkan melalui migration script. Tidak ada satu pun kompetitor yang menunjukkan ini di panduan Contentful mereka—mereka membahas content modeling secara abstrak tanpa menunjukkan wujud sebenarnya dalam kode.
Query Konten: REST dan GraphQL API
Contentful menyediakan REST dan GraphQL API untuk mengambil konten. REST cukup straightforward untuk query sederhana. GraphQL lebih baik saat Anda membutuhkan data nested, beberapa content type dalam satu request, atau ingin menghindari over-fetching. Keduanya menggunakan token autentikasi yang sama.
Endpoint GraphQL di-generate otomatis dari content model Anda. Setiap content type yang Anda buat menjadi type yang bisa di-query di skema, dengan filtering, sorting, dan pagination bawaan. Endpoint-nya berada di:
https://graphql.contentful.com/content/v1/spaces/{SPACE_ID}Menurut dokumentasi GraphQL Contentful, skema diperbarui otomatis setiap kali Anda memodifikasi content type—tanpa perlu manajemen skema manual.
Contoh Query GraphQL
Berikut query dasar untuk mengambil sepuluh blog post terbaru beserta author-nya:
query {
blogPostCollection(limit: 10, order: publishDate_DESC) {
items {
title
slug
publishDate
author {
name
}
}
}
}Perlu filter berdasarkan tag dan mengambil konten dalam bahasa Jerman? Tambahkan klausa where dan parameter locale:
query {
blogPostCollection(
where: { tags_contains_some: ["javascript"] }
locale: "de"
) {
items {
title
body {
json
}
}
}
}Satu hal yang perlu diperhatikan: query GraphQL punya batas kompleksitas. Query nested yang dalam dengan banyak linked reference bisa mencapai batas. Contentful menghitung kompleksitas berdasarkan jumlah node dan kedalaman query Anda. Jika Anda menarik blog post dengan author, kategori, related post, dan author dari setiap related post, itu cepat sekali menumpuk.
Dasar-Dasar REST API
REST API lebih sederhana tetapi membutuhkan lebih banyak request untuk data nested. Fetch dasar untuk blog post mengakses https://cdn.contentful.com/spaces/{SPACE_ID}/entries?content_type=blogPost. Anda mendapat JSON dengan array items yang flat dan objek includes terpisah untuk linked entry yang perlu Anda resolve di sisi klien.
Jika Anda bekerja dengan TypeScript, SDK contentful.js dari Contentful menangani link resolution dan type generation secara otomatis. Untuk fetch call mentah, berikut JavaScript minimal untuk query GraphQL API:
const response = await fetch(
`https://graphql.contentful.com/content/v1/spaces/${SPACE_ID}`,
{
method: "POST",
headers: {
"Content-Type": "application/json",
Authorization: `Bearer ${CDA_TOKEN}`,
},
body: JSON.stringify({ query }),
}
);
const { data } = await response.json();Selesai. Tanpa SDK, tanpa build step, tanpa dependency. Ini berjalan di Node.js, Deno, Cloudflare Workers, browser—di mana pun Anda bisa membuat HTTP request.
Fitur Utama yang Perlu Diketahui
Contentful hadir dengan set fitur yang luas, tetapi tidak semua fitur sama pentingnya. Berikut yang benar-benar memengaruhi pengalaman sehari-hari dan keputusan arsitektur Anda.
Lokalisasi (Kekuatan dan Kekurangan)
Model lokalisasi Contentful solid di level infrastruktur. Anda mendefinisikan locale untuk space Anda (hingga 100+ di paket Enterprise), dan setiap field bisa menyimpan nilai per-locale. Field-level locale override berarti judul bahasa Jerman Anda bisa berbeda dari bahasa Inggris sambil tetap berbagi hero image yang sama.
Kekurangannya ada di manajemen terjemahan. Contentful memberi Anda field untuk menyimpan terjemahan, tetapi tidak ada workflow untuk memproduksinya. Tidak ada translation memory, tidak ada glossary, tidak ada sistem assignment, tidak ada pelacakan progres. Anda butuh integrasi pihak ketiga—Phrase, Smartcat, atau Lokalise—untuk menangani proses terjemahan yang sebenarnya. Untuk tim yang mengelola 10+ bahasa (kami mengelola 10 di seluruh situs kami), kekurangan ini cepat menjadi mahal.
Environment dan Branching
Environment bekerja seperti git branch untuk content model dan entry Anda. Buat environment staging, lakukan perubahan skema, uji dengan konten, lalu promosikan ke master saat sudah siap. Alias memungkinkan Anda menukar environment mana yang ditunjuk master tanpa mengubah URL API.
Ini benar-benar berguna untuk migrasi skema. Anda bisa menguji content type baru di environment terisolasi, memverifikasi frontend menanganinya dengan benar, lalu mempromosikan—semua tanpa menyentuh konten produksi. Kebanyakan tim yang kami lihat menggunakan dua hingga tiga environment: production, staging, dan sesekali feature branch untuk migrasi besar.
Fitur lain yang layak disebutkan:
- Roles dan permissions: Kontrol akses granular—batasi editor ke content type tertentu, blokir akses publish untuk role junior, custom role di paket Enterprise, SSO
- Webhooks: Picu build, notifikasi Slack, atau workflow eksternal di setiap event konten
- Rich Text: Berbasis JSON, memberi kontrol rendering penuh tetapi membutuhkan custom renderer untuk setiap framework frontend
- App Framework: Marketplace dengan ekstensi untuk custom field editor, sidebar widget, dan integrasi
- Image API: Resizing, cropping, konversi format (WebP, AVIF) on-the-fly, dan focal point cropping—tanpa perlu image CDN terpisah
Yang Baru di Contentful untuk 2026
Contentful telah merilis pembaruan signifikan sepanjang 2025 hingga 2026, dan tidak ada satu pun panduan kompetitor yang membahasnya. Jika Anda mengevaluasi Contentful berdasarkan informasi 2023 atau 2024, Anda bekerja dengan gambaran yang tidak lengkap.
AI Actions dan Otomasi Konten
Contentful meluncurkan AI Actions—workflow konten otomatis yang didukung large language model langsung di dalam editor. Ini menangani draft terjemahan, pembuatan metadata SEO, penulisan alt-text, penyesuaian tone, dan ringkasan konten. Anda mengaksesnya dari sidebar editor, dan beroperasi pada entry yang sedang Anda edit.
Menurut liputan Diginomica, AI Actions adalah bagian dari dorongan lebih luas Contentful untuk memposisikan diri sebagai full digital experience platform (DXP), bukan sekadar headless CMS. Fitur ini benar-benar berguna untuk mengotomasi tugas editorial yang repetitif, meskipun output terjemahannya tetap butuh review manusia—ini draft pertama, bukan produk jadi.
Contentful Studio (Visual Builder)
Contentful Studio mencapai GA di musim semi 2024 dan telah matang secara signifikan sepanjang 2025. Ini adalah visual page builder yang memungkinkan non-developer menyusun halaman dengan komponen drag-and-drop dan live preview. Jika Anda pernah mendengar kritik bahwa "Contentful tidak punya visual editing", Studio adalah jawabannya—meskipun dengan catatan.
Studio membutuhkan integrasi frontend (komponen Anda harus didaftarkan ke SDK Studio), dan ini add-on berbayar, tidak termasuk di paket dasar. Untuk tim yang sudah lama meminta page building ala WordPress di atas content model terstruktur Contentful, ini sekarang opsi yang nyata. Storyblok masih unggul untuk workflow visual-first, tetapi jaraknya semakin dekat.
Personalisasi dengan Ninetailed
Contentful mengakuisisi Ninetailed pada 2024 dan mengganti namanya menjadi Contentful Personalization. Seperti yang dilaporkan CMS Critic, ini memberi Anda A/B testing native, segmentasi audiens, dan saran varian berbasis AI—semuanya dapat diakses dari tab Optimization di editor.
Ini patut dicatat karena personalisasi secara historis membutuhkan vendor terpisah (Optimizely, Dynamic Yield, dll.). Memilikinya terintegrasi di CMS mengurangi kompleksitas integrasi. Tangkapannya: Ninetailed adalah produk terpisah dengan harga sendiri. Ini bukan "gratis dengan Contentful."
Harga Contentful: Berapa Biaya Sebenarnya
Contentful menawarkan empat tier, tetapi kebanyakan panduan kompetitor hanya menyebutkan namanya tanpa memberikan angka sebenarnya. Berikut yang Anda hadapi per April 2026, berdasarkan halaman harga Contentful:
| Paket | Harga | User | API Call/bulan | Bandwidth CDN | Space |
|---|---|---|---|---|---|
| Free (Community) | $0 | 10 | 100K | 50 GB | 1 Starter |
| Lite | $300/bulan | 20 | 1M | 100 GB | Beberapa |
| Premium | Custom (~$2K+/bulan) | Tidak terbatas | Tidak terbatas | Custom | Custom |
| Enterprise | Custom (5 hingga 6 digit/tahun) | Tidak terbatas | Tidak terbatas | Custom | Custom |
"Contentful Monthly Cost by Tier"
Tabel data
| "Plan" | "Monthly Cost" |
|---|---|
| "Free" | 0 |
| "Lite" | 300 |
| "Premium" | 2000 |
| "Enterprise" | 5000 |
Free tier-nya cukup murah hati untuk prototyping dan belajar. Anda mendapat 10 user, 100K API call, dan bandwidth yang cukup untuk membangun proyek nyata. Tetapi biaya meningkat cepat begitu Anda melampauinya.
Biaya tersembunyi yang perlu dianggarkan:
- Biaya kelebihan API di Lite: Melebihi 1M call/bulan dan Anda akan melihat item kelebihan di tagihan
- Biaya locale: Setiap locale tambahan dihitung terhadap batas space Anda—50 locale di level field cepat menumpuk
- Contentful Studio: Visual builder adalah add-on berbayar, tidak termasuk di Lite atau bahkan beberapa paket Premium
- Personalisasi Ninetailed: Produk terpisah, kontrak terpisah, harga terpisah
- Professional services: Bantuan migrasi, onboarding, dan pelatihan ditagih terpisah
- Renderer Rich Text: Bukan biaya langsung, tetapi waktu development untuk membangun custom renderer untuk framework Anda itu nyata
Pendapat jujur kami: Free tier Contentful solid untuk evaluasi dan proyek kecil. Tetapi jika budget menjadi perhatian utama, alternatif CMS open-source seperti Strapi atau Payload menghilangkan biaya lisensi sepenuhnya—Anda hanya membayar hosting.
Contentful vs Sanity vs Strapi: Perbandingannya
Ini tiga opsi headless CMS yang muncul di hampir setiap evaluasi. Kami telah membangun sistem produksi di Sanity, jadi kami tahu kekuatan dan kelemahannya secara langsung. Berikut perbandingan jujur:
| Fitur | Contentful | Sanity | Strapi |
|---|---|---|---|
| Tipe | SaaS (closed source) | SaaS + self-host | Open source (self-host atau Cloud) |
| Free Tier | 10 user, 100K call | 100K API call, 3 user | Tidak terbatas (self-host) |
| GraphQL | Native | Plugin (GROQ yang utama) | Native |
| Content Modeling | GUI + API | Kode (schema-as-code) | GUI + kode |
| Kolaborasi Real-Time | Ya | Ya (Presence API) | Terbatas |
| Visual Editing | Add-on Studio | Visual Editing (native) | Tidak |
| Lokalisasi | Locale native | Plugin/custom | Plugin (i18n) |
| Harga | Mulai $300/bulan | Mulai $0 (free tier murah hati) | Gratis (self-host) |
| Cocok Untuk | Enterprise, multi-channel | Developer-first, skema fleksibel | Budget terbatas, self-hosted |
Contentful unggul untuk tim enterprise dengan operasi konten besar dan kebutuhan governance ketat. Sistem role yang matang, SSO, audit log, dan SLA 99,99% di paket Enterprise sulit ditandingi.
Sanity unggul untuk pengalaman developer dan fleksibilitas skema. Jika Anda lebih suka schema-as-code, menginginkan kekuatan query GROQ, dan menghargai fitur kolaborasi real-time, Sanity lebih cocok. Baca panduan lengkap Sanity CMS kami untuk pembahasan mendalam.
Strapi unggul di biaya. Gratis untuk self-host tanpa batas API call. Jika Anda punya kapasitas DevOps untuk mengelola infrastruktur sendiri dan tidak butuh dukungan enterprise, Strapi memberi Anda CMS terbanyak per dolar.
Untuk perbandingan lebih luas termasuk Storyblok, Payload, dan Hygraph, lihat perbandingan headless CMS lengkap kami.
Keterbatasan yang Perlu Diketahui Sebelum Memilih Contentful
Setiap CMS punya tradeoff. Berikut keterbatasan Contentful, dengan angka spesifik—bukan sekadar pernyataan samar. Kami mengalami beberapa di antaranya saat mengevaluasi Contentful untuk pipeline konten kami sendiri.
Rate limit itu nyata. CDA mengizinkan 55 uncached request per detik. Response yang ter-cache CDN tidak terbatas, tetapi jika aplikasi Anda melewati cache (server-side rendering di setiap request, misalnya), Anda akan cepat mencapai batas. CMA bahkan lebih ketat di 10 request per detik—relevan untuk migration script dan bulk import.
Tidak ada visual editing bawaan (tanpa bayar ekstra). Contentful Studio ada, tetapi ini add-on berbayar yang membutuhkan integrasi frontend. Jika tim Anda mengharapkan page building ala WordPress di produk dasar, bersiaplah untuk percakapan itu. Storyblok menyertakan visual editing di setiap tier.
Tidak ada manajemen terjemahan. Anda mendapat field locale, itu saja. Tidak ada workflow terjemahan, tidak ada sistem assignment, tidak ada translation memory, tidak ada pelacakan progres. Untuk platform yang menjual lokalisasi sebagai fitur utama, pengalaman terjemahan sebenarnya sepenuhnya bergantung pada tools pihak ketiga seperti Phrase, Smartcat, atau Lokalise.
Ketergantungan developer untuk semua hal frontend. Content editor bisa membuat dan mengelola entry. Mereka tidak bisa mengubah layout halaman, menambahkan section baru, memodifikasi navigasi, atau memperbarui frontend dengan cara apa pun tanpa developer. Ini inheren pada arsitektur headless, tetapi diperkuat di Contentful karena produk dasarnya tidak menyertakan page builder.
Harga menjadi tidak terprediksi di skala besar. Kelebihan API call, batas berbasis locale, biaya add-on untuk Studio dan Personalisasi, serta professional services menciptakan model harga yang sulit diprediksi. Beberapa tim yang kami ajak bicara terkejut dengan tagihan pertama mereka setelah melewati free tier.
Kompleksitas Rich Text. Rich Text Contentful berbasis JSON, bukan HTML. Setiap framework frontend butuh custom renderer—@contentful/rich-text-react-renderer untuk React, rich-text-html-renderer untuk vanilla JS, dll. Ini memberi Anda kontrol penuh atas rendering, tetapi secara signifikan lebih banyak pekerjaan development dibanding kompetitor berbasis HTML.
Vendor lock-in. Closed source, hanya SaaS, tanpa opsi self-hosting. Konten Anda bisa diekspor melalui API, tetapi content model, workflow, dan integrasi Anda spesifik untuk Contentful. Jika harga berubah atau fitur dihapus, opsi Anda terbatas.
Siapa yang Sebaiknya (dan Sebaiknya Tidak) Menggunakan Contentful
Contentful adalah platform yang kuat, tetapi bukan pilihan tepat untuk setiap proyek. Berikut framework keputusan untuk membantu Anda menentukan sendiri.
Gunakan Contentful jika:
- Anda tim enterprise yang mengelola konten di berbagai channel (web, mobile, IoT, digital signage)
- Anda butuh lokalisasi native dengan 50+ locale dan field-level override
- Anda menginginkan platform matang dan teruji dengan dukungan khusus dan SLA 99,99%
- Tim Anda mencakup developer yang nyaman dengan arsitektur API-first
- Anda butuh role granular, permissions, audit log, dan SSO
Lewati Contentful jika:
- Anda developer solo atau tim kecil dengan keterbatasan budget—lihat Strapi atau Payload
- Anda menginginkan visual page builder yang termasuk di produk dasar—lihat Storyblok
- Anda lebih suka definisi skema code-first dan fleksibilitas maksimal—lihat Sanity
- Anda butuh CMS blog sederhana—WordPress atau Ghost lebih murah dan lebih cepat di-setup
- Anda ingin self-host untuk alasan kepatuhan—lihat Strapi atau Payload
| Jika Anda butuh... | Pilih | Karena |
|---|---|---|
| Governance tingkat enterprise | Contentful | Role matang, SSO, audit log, SLA 99,99% |
| Fleksibilitas developer maksimal | Sanity | Schema-as-code, GROQ, portable text |
| Biaya lisensi nol | Strapi atau Payload | Open source, bisa self-host |
| Visual editing bawaan | Storyblok | Visual editor adalah produk intinya |
| Blog sederhana | WordPress atau Ghost | Waktu tercepat untuk publish |
Untuk pembahasan lebih dalam tentang semua alternatif ini, lihat perbandingan headless CMS lengkap kami.
Memulai: 15 Menit Pertama Anda dengan Contentful
Berikut walkthrough praktis—bukan teori, tetapi langkah-langkah persis untuk mulai dari nol hingga query konten via GraphQL dalam sekitar 15 menit.
Langkah 1: Daftar. Buka contentful.com dan buat akun gratis. Tanpa kartu kredit.
Langkah 2: Buat Space. Space adalah container proyek Anda. Free tier memberi Anda satu Starter Space. Beri nama yang deskriptif.
Langkah 3: Definisikan Content Type. Buka Content Model, klik "Add content type," dan buat tipe "Article." Tambahkan field: Title (Short text, required), Slug (Short text, validasi unique), Body (Rich text), Cover Image (Media), dan Published Date (Date & time).
Langkah 4: Buat Entry. Navigasi ke Content, klik "Add Article," dan isi field-nya. Tekan Publish.
Langkah 5: Ambil API key Anda. Buka Settings -> API Keys. Buat API key baru. Anda akan mendapat Space ID, token Content Delivery API, dan token Content Preview API. Simpan ini.
Langkah 6: Query via GraphQL Playground. Buka URL ini di browser Anda (ganti dengan kredensial Anda):
https://graphql.contentful.com/content/v1/spaces/{SPACE_ID}/explore?access_token={CDA_TOKEN}Langkah 7: Fetch dari aplikasi Anda. Gunakan contoh JavaScript fetch dari bagian API di atas, ganti Space ID dan token CDA Anda, dan Anda sudah menarik konten live.
Tips pro: URL GraphQL Playground tidak mudah ditemukan di UI Contentful. Anda bisa menemukannya di Settings -> API Keys -> GraphQL Playground URL, atau konstruksikan manual menggunakan template di atas. Bookmark—Anda akan menggunakannya terus-menerus selama development.
FAQ
Apa itu Contentful CMS dan bagaimana cara kerjanya?
Contentful adalah headless CMS berbasis API-first yang menyimpan konten terstruktur di cloud hub dan mengirimkannya melalui REST dan GraphQL API. Berbeda dengan WordPress, Contentful tidak punya frontend—Anda membangun sendiri menggunakan framework apa pun. Content editor mengelola entry melalui web app Contentful, dan developer mengambil konten tersebut melalui API.
Apakah Contentful gratis untuk digunakan?
Ya, Contentful menawarkan tier Community gratis yang mencakup 10 user, 100K API call per bulan, 50 GB bandwidth CDN, dan satu Starter Space. Cukup untuk prototyping dan proyek kecil. Paket berbayar mulai dari $300/bulan untuk tier Lite, dengan tier Premium dan Enterprise yang harganya berdasarkan penawaran custom.
Apa itu content modeling di Contentful?
Content modeling berarti mendefinisikan content type terstruktur dengan field, validasi, dan reference—seperti merancang skema database tetapi untuk konten. Anda membuat tipe seperti "Blog Post" atau "Product" dengan field spesifik (title, body, image, category), dan setiap entry mengikuti struktur tersebut. Ini fondasi Contentful.
Bagaimana Contentful dibandingkan dengan WordPress?
Contentful bersifat headless (hanya API, tanpa frontend bawaan), sementara WordPress menggabungkan manajemen konten dengan rendering berbasis tema. Contentful unggul di pengiriman multi-channel—konten yang sama bisa melayani web, mobile, dan IoT. WordPress unggul di kesederhanaan—Anda mendapat situs yang berfungsi dalam hitungan menit tanpa perlu developer.
Apakah Contentful bagus untuk penggunaan enterprise?
Ya, Contentful adalah salah satu platform headless CMS yang paling banyak diadopsi enterprise. Paket Enterprise mencakup SSO, akses berbasis role yang granular, audit log, dukungan khusus, SLA 99,99%, dan API call tidak terbatas. Perusahaan seperti Spotify, Vodafone, Chanel, dan Atlassian menggunakannya untuk operasi konten skala besar.
Apa saja kekurangan Contentful?
Keterbatasan utama meliputi: tidak ada visual editing bawaan di produk dasar (Studio adalah add-on berbayar), harga tidak terprediksi di skala besar karena kelebihan API dan biaya add-on, tidak ada workflow manajemen terjemahan, ketergantungan developer untuk semua perubahan frontend, Rich Text JSON yang membutuhkan custom renderer, dan vendor lock-in tanpa opsi self-hosting.
Apakah Contentful mendukung GraphQL?
Ya, secara native. Setiap space Contentful mendapat skema GraphQL yang di-generate otomatis berdasarkan content type Anda. Anda bisa query dengan filtering, pagination, sorting, dan request spesifik locale. Endpoint-nya di graphql.contentful.com/content/v1/spaces/{SPACE_ID}, diautentikasi dengan token Content Delivery API Anda.
Berapa biaya Contentful per bulan?
Free tier gratis $0. Lite $300/bulan dengan 20 user dan 1M API call. Premium mulai sekitar $2.000+/bulan dengan harga custom. Enterprise berkisar lima hingga enam digit per tahun. Waspadai biaya tersembunyi: biaya kelebihan API, biaya add-on Contentful Studio, harga personalisasi Ninetailed, dan professional services.
Bisakah Contentful menangani banyak bahasa?
Ya, Contentful punya dukungan locale native dengan field-level override—setiap field bisa menyimpan nilai berbeda per locale. Namun, tidak ada workflow terjemahan bawaan, memory, atau glossary. Anda butuh integrasi pihak ketiga seperti Phrase, Smartcat, atau Lokalise untuk mengelola proses terjemahan yang sebenarnya di skala besar.
Apa itu Contentful Studio?
Contentful Studio adalah add-on visual page builder yang mencapai GA di musim semi 2024. Ini memungkinkan non-developer menyusun halaman menggunakan komponen drag-and-drop dengan live preview. Membutuhkan integrasi frontend (komponen Anda harus didaftarkan ke SDK Studio) dan merupakan add-on berbayar, tidak termasuk di paket dasar Contentful.