npx cms-create-site my-site Apa yang ingin Anda bangun hari ini?
Cari tahuApa itu Vertex
Sebuah situs konten adalah satu berkas konfigurasi. Selebihnya adalah urusan framework.
Vertex CMS adalah framework Vue 3 yang dibangun di atas vite-ssg. Anda menulis JSON yang menjelaskan isi setiap halaman; ia mengembalikan situs statis pra-render dengan perutean, metadata, tema, dan gambar yang sudah ditangani. Tidak ada kode aplikasi yang perlu ditulis dan tidak ada server yang perlu dijalankan.
Halaman adalah data, bukan kode
Sebuah halaman adalah daftar komponen beserta konten yang dibutuhkan komponen tersebut. Menambah satu bagian berarti menambah satu baris. Tidak ada yang perlu membuka berkas .vue hanya untuk mengubah judul, dan penyuntingan konten tidak mungkin merusak proses build.
Desain adalah manifes token
Tema adalah satu objek JavaScript berisi token desain — palet, tipografi, permukaan, cincin fokus, elevasi. Framework mengompilasinya menjadi properti kustom CSS, sehingga mengganti tampilan seluruh situs cukup satu berkas, bukan audit stylesheet.
Keluaran statis, SEO sungguhan
Setiap rute dipra-render menjadi HTML-nya sendiri lengkap dengan URL kanonis, alternatif hreflang, JSON-LD, tag Open Graph, peta situs, dan robots.txt yang diturunkan dari pengaturan draf Anda. Sebarkan foldernya ke mana pun yang bisa menyajikan berkas.
Mulai cepat
Dari nol ke situs siap-sebar dalam empat perintah.
Vertex hadir sebagai satu paket npm ditambah sebuah plugin Vite. Pembuat kerangka menuliskan situs yang langsung berfungsi dan bisa Anda build seketika; setelah itu Anda tinggal menyunting JSON.
Buat sebuah situs
Membuat direktori situs, tema awal, dan halaman beranda yang sudah bisa di-build.
terminal npx cms-create-site my-site cd my-site npm installJelaskan sebuah halaman
Kunci datar bernotasi titik dengan indeks larik. Framework membentangkannya menjadi objek bersarang yang dibaca komponen Anda saat render.
site/content/en/pages/home.json { "components[0]": "Header", "components[1]": "Hero", "components[2]": "Footer", "content.hero.headline": "Welcome", "content.hero.subhead": "Built with Vertex CMS.", "content.hero.cta.text": "Get in touch", "content.hero.cta.href": "/contact", "path": "/" }Pratinjau
Server pengembangan Vite dengan hot reload. Suntingan konten dimuat ulang seketika; begitu pula perubahan gambar dan tema.
terminal npm run devBuild situs statisnya
Mempra-render setiap rute menjadi berkas HTML tersendiri di dist/, menghasilkan varian gambar responsif, serta menuliskan sitemap.xml, robots.txt, manifest.json, dan sebuah halaman 404.
terminal npm run build:ssg
Itulah keseluruhan siklusnya. Untuk model konten lengkap, token tema, dan target penyebaran, bacalah dokumentasi →
Yang sudah termasuk
Bagian-bagian yang dibutuhkan setiap situs konten, sudah dibangun.
Ini bukan plugin yang harus Anda cari. Semuanya ada di dalam framework, aktif secara bawaan, dan dikonfigurasi dari JSON yang sama dengan segala hal lainnya.
Perutean pra-render
Rute diturunkan dari berkas halaman Anda. Masing-masing dirender menjadi HTML-nya sendiri saat build — tanpa penulisan ulang SPA, tanpa menyajikan cangkang beranda untuk URL konten yang sesungguhnya.
Konten multibahasa
Direktori per bahasa yang saling mencerminkan. Bahasa dasar dimuat lebih dulu dan setiap bahasa hanya menimpa kunci yang didefinisikannya, sehingga terjemahan sebagian tetap merupakan terjemahan yang sah.
Gambar responsif
Cukup letakkan berkas aslinya di site/assets/img/. Proses build menghasilkan AVIF, WebP, dan JPEG dalam enam lebar, menyimpannya di luar repositori Anda, lalu menyajikannya lewat srcset di dalam <picture>.
Metadata SEO
URL kanonis, alternatif hreflang, kartu Open Graph dan Twitter, JSON-LD, remah roti yang diturunkan otomatis, sitemap.xml, robots.txt, dan manifes aplikasi web — semuanya dihasilkan, tidak ada yang dirawat manual.
Penguncian draf
Kunci satu halaman, satu awalan jalur, atau seluruh situs di balik kata sandi. Halaman terkunci diterbitkan dengan noindex, tidak masuk peta situs, dan tidak merender isi sampai dibuka.
Tema dan ekstensi
Tema adalah manifes token. Ekstensi adalah bundel komponen tervalidasi. Keduanya bisa berada di dalam repositori Anda atau diterbitkan ke npm dan dipakai bersama antar situs.
Komponen tiga lapis
Komponen lokal situs menimpa komponen ekstensi, yang menimpa kumpulan bawaan. Yang paling spesifik menang, dan nama berkualifikasi sumber membedakannya saat terjadi bentrokan.
Halaman 404 sungguhan
Framework mempra-render /404.html dengan rangka situs Anda sendiri, sehingga URL yang tidak cocok mendapat halaman bermerek yang membawa noindex, bukan badan respons kosong.
Mulai
Jadi — apa yang ingin Anda bangun hari ini?
Vertex CMS berlisensi MIT dan diterbitkan ke npm. Buat sebuah situs, baca dokumentasinya, atau baca kode sumbernya.
npx cms-create-site my-site