npx cms-create-site my-site Bugün ne inşa etmek istersiniz?
KeşfedinVertex nedir
Bir içerik sitesi, bir yapılandırma dosyasıdır. Geri kalan her şey çatının sorunudur.
Vertex CMS, vite-ssg üzerine kurulu bir Vue 3 çatısıdır. Her sayfanın neler içerdiğini anlatan JSON yazarsınız; o da size yönlendirme, meta veriler, tema ve görseller çoktan halledilmiş, önceden işlenmiş bir statik site verir. Yazılacak uygulama kodu ve çalıştırılacak sunucu yoktur.
Sayfalar kod değil, veridir
Bir sayfa, bileşenlerin listesi ve o bileşenlerin ihtiyaç duyduğu içeriktir. Bir bölüm eklemek, bir satır eklemektir. Bir başlığı değiştirmek için kimsenin .vue dosyası açması gerekmez ve içerik düzenlemeleri derlemeyi bozamaz.
Tasarım bir token bildirimidir
Tema, tasarım token'larından oluşan tek bir JavaScript nesnesidir — palet, tipografi, yüzeyler, odak halkaları, yükseklik. Çatı bunu CSS özel özelliklerine derler; böylece bütün bir sitenin görünümünü değiştirmek bir stil sayfası denetimi değil, tek bir dosyadır.
Statik çıktı, gerçek SEO
Her rota; kanonik URL'ler, hreflang alternatifleri, JSON-LD, Open Graph etiketleri, bir site haritası ve taslak ayarlarınızdan türetilen bir robots.txt ile kendi HTML'ine önceden işlenir. Klasörü, dosya sunan herhangi bir yere dağıtın.
Hızlı başlangıç
Sıfırdan dağıtılabilir bir siteye, dört komutta.
Vertex, tek bir npm paketi ve bir Vite eklentisi olarak gelir. İskelet oluşturucu, hemen derleyebileceğiniz çalışır bir site yazar; oradan sonrası JSON düzenlemektir.
Bir site oluşturun
Site dizinini, bir başlangıç temasını ve halihazırda derlenen bir ana sayfayı oluşturur.
terminal npx cms-create-site my-site cd my-site npm installBir sayfayı tanımlayın
Dizi indisleri içeren, nokta gösterimli düz anahtarlar. Çatı bunları, bileşenlerinizin işleme sırasında okuduğu iç içe nesneye açar.
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": "/" }Önizleyin
Sıcak yeniden yükleme özellikli Vite geliştirme sunucusu. İçerik düzenlemeleri anında yenilenir; görsel ve tema değişiklikleri de öyle.
terminal npm run devStatik siteyi derleyin
Her rotayı dist/ içinde kendi HTML dosyasına önceden işler, duyarlı görsel türevleri üretir ve sitemap.xml, robots.txt, manifest.json ile bir 404 sayfası yazar.
terminal npm run build:ssg
Döngünün tamamı bu. Eksiksiz içerik modeli, tema token'ları ve dağıtım hedefleri için şuna bakın: belgeler →
Neler dahil
Her içerik sitesinin ihtiyaç duyduğu parçalar, çoktan hazır.
Bunlar gidip bulmanız gereken eklentiler değil. Çatının içindeler, varsayılan olarak etkindirler ve diğer her şeyle aynı JSON'dan yapılandırılırlar.
Önceden işlenmiş yönlendirme
Rotalar sayfa dosyalarınızdan türetilir. Her biri derleme anında kendi HTML'ine işlenir — SPA yeniden yazımı yok, gerçek içerik URL'leri için ana sayfa kabuğu sunulması yok.
Çok dilli içerik
Birbirini yansıtan yerel ayar dizinleri. Temel dil önce yüklenir ve her dil yalnızca kendi tanımladığı anahtarları geçersiz kılar; böylece kısmi bir çeviri de geçerli bir çeviridir.
Duyarlı görseller
Bir orijinali site/assets/img/ içine bırakın. Derleme altı genişlikte AVIF, WebP ve JPEG üretir, bunları deponuzun dışında önbelleğe alır ve <picture> içindeki bir srcset üzerinden sunar.
SEO meta verileri
Kanonik URL'ler, hreflang alternatifleri, Open Graph ve Twitter kartları, JSON-LD, otomatik türetilen içerik yolu, sitemap.xml, robots.txt ve bir web uygulaması bildirimi — hepsi üretilir, hiçbiri elle sürdürülmez.
Taslak kilidi
Bir sayfayı, bir yol önekini ya da sitenin tamamını parolayla kilitleyin. Kilitli sayfalar noindex ile yayınlanır, site haritasının dışında kalır ve kilit açılana kadar gövde işlemez.
Temalar ve uzantılar
Temalar token bildirimleridir. Uzantılar doğrulanmış bileşen paketleridir. Her ikisi de deponuzun içinde yaşayabilir ya da npm'e yayınlanıp siteler arasında paylaşılabilir.
Üç katmanlı bileşenler
Siteye özgü bileşenler uzantı bileşenlerini, onlar da gömülü kümeyi geçersiz kılar. En özel olan kazanır ve çakışma olduğunda kaynakla nitelenmiş adlar ayrımı sağlar.
Gerçek bir 404
Çatı, /404.html'i sitenizin kendi çerçevesiyle önceden işler; böylece eşleşmeyen URL'ler boş bir yanıt gövdesi yerine noindex taşıyan markalı bir sayfa alır.
Başlayın
Peki — bugün ne inşa etmek istersiniz?
Vertex CMS, MIT lisanslıdır ve npm'de yayınlanmıştır. Bir site oluşturun, belgeleri okuyun ya da kaynak koda göz atın.
npx cms-create-site my-site