shadcn/ui ile yapılmış bir CMS var mı? Evet — UnfoldCMS

📝 Aslen unfoldcms.com üzerinde yayınlandı — DEV topluluğu için buraya tekrar paylaşıldı. (UnfoldCMS üzerinde çalışıyorum.)

“shadcn/ui ile yapılmış bir CMS var mı?” diye arattığınızda; admin şablonları, GitHub yıldızları ve aynı soruyu soran Reddit başlıkları buluyorsunuz. En iyi 10 sonuçta gerçek bir CMS yok. Biz biri üzerinde çalıştık — 51 shadcn/ui bileşeni, 205 admin sayfası, tek bir kod tabanından üç tema. Bu yazı bu sorunun doğrudan cevabı ve “shadcn-native CMS”nin üretimde ne anlama geldiğine bir tur.

TL;DR: Evet — UnfoldCMS, tamamen shadcn/ui üzerine inşa edilmiş bir CMS’dir (Laravel 12 + React 19 + Inertia 2 + Tailwind v4). Admin, 51 gerçek shadcn bileşenini kullanıyor — bir sarılmış soyutlama değil, bir tedarikçi kaplamalı widget seti. Herhangi bir bileşeni, şadcn’i herhangi bir yerde çatal yapar gibi çatal yapabilirsiniz. Aşağıda, neden başkalarının bunu öncelikli olarak teslim etmediği, adminin nasıl göründüğü ve dürüst trade-off’lar.

shadcn/ui ile inşa edilmiş bir CMS var mı?

Evet. UnfoldCMS, yönetim paneli tamamen shadcn/ui üzerine inşa edilen ilk üretim CMS’sidir. Bir şablon değil, bir admin başlangıcı değil — içerik modeli, editör, medya kütüphanesi, REST + GraphQL API, rol tabanlı erişim ve aynı 51 bileşenli shadcn tasarım sistemini paylaşan bir pazarlama sitesi ile tam bir CMS.

Google’daki çoğu “shadcn CMS” sonucu üç şeyden biridir:

• A dahboard template (içerik modeli yok, API yok, editör yok)
• A demo repo birkaç admin ekranını gösteriyor (gerçek bir ürün yok)
• A tutorial sıfırdan bir tane inşa etme (kurduktan sonra bir CMS’in yarısını göndermiş olduğunuzu anlıyorsunuz)

Gerçek bir CMS, içerik şeması, sağlam bir API, medya hattı, arama indeksi, zamanlama, taslaklar, yönlendirmeler, site haritaları, RBAC ve sizinle çatışmayan bir editör gerektirir. Bütün bunları shadcn’e bağlamak ve çatal yapılabilir tutmak, kimsenin tamamlayamadığı kısımdır.

“shadcn-Native” Gerçekte Ne Anlama Geliyor?

UnfoldCMS’nin shadcn/ui üzerine inşa edildiğini söylediğimizde, kelimenin tam anlamıyla shadcn felsefesini kastediyoruz: bileşen koduna sahip olursunuz. Sizi bir tedarikçi soyutlaması arkasında tutan bir @unfoldcms/ui paketi yok. Adminin Buton, DataTable, Sidebar, Dialog, Command, Toast — hepsi resources/js/components/ui/ dizininde standart shadcn dosyaları olarak yer alıyor. Birini çatal yapın ve admininizi bir öğleden sonra yeniden inşa edin.

Bu bariz görünüyor gibi görünse de, diğer CMS adminlerinin neye benzediğini kıyasladığınızda durum böyle değil:

Yukarıdaki tabloda her admin, kendi özgün bileşen sözlüğü ile birlikte geliyor. UnfoldCMS, şadcn-ui.com’dan kopyalanmışsanız zaten tanıdık bir kelime hazinesi sunuyor.

Üretimde 51 Bileşen Nasıl Görünüyor?

51 shadcn bileşenini bir ekran görüntüsü için içe aktarmadık — onları kullandık. İşte nereye yerleştirildikleri:

• DataTable + ColumnHeader + Pagination → Gönderiler, Medya, Kullanıcılar ve Ayarlar listeleri
• Sidebar + NavigationMenu → 205 admin sayfası boyunca kalıcı sol menü
• Command + Popover → küresel ⌘K araması gönderiler, sayfalar, ayarlar, eklentiler arasında geçiş yapar
• Dialog + AlertDialog + Drawer → onay akışları, medya seçici, kaydırma editörleri
• Form + Input + Textarea + Select + Combobox + Calendar + DatePicker → beklenen her CMS formu, ayrıca yayımlama tarihi Tahran-saat zamanlayıcısı
• Tabs + Accordion + Card → gönderi editörünün SEO / Medya / Zamanlama panelleri
• Toast + Sonner → kaydetme onayları, yükleme ilerleme durumu, hata raporlama
• Avatar + Badge + Tooltip + ContextMenu + DropdownMenu + Sheet → aklınıza gelebilecek tüm yoğun liste öğesi etkileşimleri

Bu, çoğu “shadcn admin template” reposunun atladığı kısımdır. Tüm bileşenleri tek bir üründe, gerçek verilere karşı, 205 sayfada bağlamak — işte tasarım sistemindeki boşlukların ortaya çıktığı yer. Bu boşlukları doldurmak, “shadcn kullanıyoruz” ile “shadcn üzerinde bir CMS teslim ettik” arasında bir yıl mühendislik çalışmasıdır.

shadcn CMS’yi nasıl tema yaparsınız?

Bir CSS değişkenini değiştirdiğiniz gibi tema yaparsınız. UnfoldCMS, tek bir kod tabanında üç tema ile birlikte gelir — Varsayılan Mavi (#2563EB), Mor ve Unfold yumuşak-mor (#938DE5) — root’taki tek bir data-theme özniteliği aracılığıyla değiştirilir.

[data-theme="default"]   { --primary: oklch(0.546 0.245 262.881); }
[data-theme="purple"]    { --primary: oklch(0.488 0.243 264.376); }
[data-theme="soft"]      { --primary: oklch(0.611 0.137 297.4);   }

Hepsi bu kadar. Her shadcn bileşeni --primary‘yi (ve diğer token setini) okur, dolayısıyla dördüncü bir tema eklemek bir CSS bloğudur. Markalarının admininin uymasını isteyen müşteriler, tüm admini çatal yapmadan — dört CSS değişkenini düzenler.

Tüm token sistemi ve Tailwind v4’ün yeni @theme yönergesinin bununla nasıl bağlandığı için, Tailwind v4 + shadcn/ui: Tema Yapılabilir Bir CMS İnşa Etmek‘a bakın.

Neden Başkaları İlk Olarak Bunu Gönderemedi?

Üç neden.

1. shadcn/ui o kadar yenidir ki, “ölçekle üretim” hikayeleri henüz yazılmaktadır. 2023’ün sonlarında 1.0 sürümüne ulaştı. Birisi gerçekçi olarak bir yıl süren bir CMS inşasına başlayana kadar, biz zaten 2026’daydık. Pencere küçüktü.

2. Çoğu React-CMS çalışması 2024-2025 döneminde Payload / Strapi / Sanity etrafında gerçekleşti. Bu takımlar, kendi bileşen sistemlerine taahhüt verdiler. Shadcn üzerinde başlamak, bir yıl süreyle UI çalışmalarını çöpe atmak anlamına geliyordu.

3. Shadcn ekosistemi şablonları, ürünleri değil ödüllendiriyor. Bütün şadcn panelleri, bir başlangıç kitinde bir şablondan ibarettir. Şablondan gerçek bir CMS’ye geçmek, tamamen farklı bir kapsam — içerik modeli, zamanlama, RBAC, medya, API, site haritaları, taslaklar, yönlendirmeler. Çoğu takım “bir admin gibi görünüyor” aşamasında duruyor çünkü geri kalanını bitirmek bir yıl çalışma gerektiriyor.

UnfoldCMS’yi, shadcn’i gerçek bir CMS’de kullanmak istediğimiz için başlattık ve kimse bununla bir şey göndermemişti. On iki ay sonra, canlı. Neden shadcn üzerinde inşa edilmiş bir CMS’nin önemli olduğu hakkında ayrıntılı bilgiye shadcn/ui Üzerine İnşa Edilen CMS: Neden Önemli‘ya bakın.

Dürüst Trade-Off’lar

UnfoldCMS’nin shadcn-native olması başlıca özelliktir. İşte ana sayfaya koymayacağımız kısımlar:

• Bileşen sayısı sürekli artıyor. shadcn, ayda yaklaşık 1 yeni bileşen ekliyor. CMS’yi yukarıda tutmak çalışma gerektiriyor — bunu halka açık bir yol haritasında takip ediyoruz.
• React bilmeyi gerektirir. WordPress, geliştirici olmayan birinin bir yazım hatasını düzeltmesini sağlıyor. UnfoldCMS de aynı şekilde — ancak admini genişletmek .tsx dosyalarını düzenlemeyi gerektiriyor. PHP odaklı bir ekibiniz varsa bu bir engel.
• Olgun eklenti ekosistemleri hâlâ bizi genişlikte geride bırakıyor. WordPress’in 60,000 eklentisi var. Bizim birkaç düzine birinci taraf entegrasyonumuz ve temiz bir genişletme API’imiz var. Çoğu takım 60,000 eklentiye ihtiyaç duymaz — ancak ihtiyaç duyarsanız, henüz doğru seçim değiliz.
• shadcn kesin görüşlere sahip. Material Design veya Ant Design isterseniz, admininiz sade görünecektir. Bu shadcn estetiği. Bunun doğru bir karar olduğuna inanıyoruz, ancak bu bir karar.

shadcn ile diğer admin kütüphaneleri arasındaki uzun değerlendirme için shadcn/ui ile Ant Design ve Material UI‘a bakın.

Yığın Ne?

Shadcn-native CMS’leri değerlendiren herkes için, tam yığın — her iddia kaynak repo ile doğrulanmıştır:

Bu, modern bir React geliştiricisinin ana sayfada okuyup ilk denemede anlayabileceği bir yüktür. Amaç bu.

Tüm mimari derin dalışı Laravel + React + shadcn/ui: Modern CMS Yığını‘da yer alıyor.

shadcn-Native CMS Kime Göre?

Birkaç kitle. Bu kategorilerden birine uyuyorsanız, UnfoldCMS bu sorunun cevabıdır:

1. Zaten shadcn/ui’yi uygulamanızda kullanıyorsunuz ve bir iframe gömülmesi olmadan ön yüzünüzün görsel diliyle eşleşen bir CMS istiyorsunuz.
2. Her yeni projede genişletmek zorunda olan bir geliştirici odaklı ajanssınız. Bir shadcn admin, zaten bildiğiniz bir yığın.
3. Sizi kilit altında tutmayan admin kaynak koduna ihtiyacınız var. Şirketimiz yarın kaybolursa, yine de çalışır bir React + Laravel uygulamanız olur, bunu çalıştırabilir, çatal yapabilir ve genişletebilirsiniz.
4. WordPress blok editörü / Gutenberg ile savaştığınızdan yoruldunuz. shadcn’ın editörü bir sayfa oluşturucu olmaya çalışmıyor — hızlı bir içerik editörü olmaya çalışıyor.

Ajanslar için, devretme hikayesi muhteşem özellik — Ajans Müşteri Siteleri için CMS‘ye bakın, teslimatta nasıl olduğu için.

SSS

S: UnfoldCMS shadcn/ui ile inşa edilmiş tek CMS mi?
C: Haziran 2026 itibarıyla evet — GitHub konuları, awesome-shadcn-ui ve “shadcn ile inşa edilmiş CMS” için en iyi SERP sonuçlarına dayanan bir arama sonucuna göre. Birkaç shadcn admin şablonu ve dahboard başlangıcı var, ancak shadcn üzerinde inşa edilmiş başka bir tam CMS (içerik modeli, API, editör, RBAC, zamanlama ve medya ile) yok. Bu değişirse, bu yazı güncellenecektir.

S: Admin, bir derleme adımı olmadan çalışıyor mu?
C: Hayır — UnfoldCMS Inertia 2 + React 19 kullanıyor, bu da admin varlıkları için bir Vite derlemesi gerektiriyor. Kamu sitesi sunumu, sunucu tarafı Blade ile çalışır ve bir JS derlemesi olmadan çalışır.

S: Mevcut shadcn bileşenlerimi adminde kullanabilir miyim?
C: Evet. Bileşeninizi resources/js/components/ui/ dizinine koyun ve yerleşik bileşenlerin nasıl dışa aktarıldığı gibi dışa aktarın. shadcn’ın standart prop desenini takip ederse, zaten çalışır.

S: Bu, shadcn stiline sahip bir admin ile Payload veya Strapi’den nasıl farklı?
C: Payload ve Strapi, kendi admin bileşenlerini gönderir ve bunları sarmak veya geçersiz kılmanıza izin verir. UnfoldCMS, admin olarak shadcn bileşenlerini gönderiyor — sizinle shadcn ilkeleri arasında bir sarma katmanı yok.

S: UnfoldCMS hangi shadcn/ui versiyonunu kullanıyor?
C: Yayınlandığı zaman en son sürüm. Yukarı akış değişikliklerini takip ediyoruz ve shadcn önemli değişiklikler yayınladığında admin bileşenlerini güncelliyoruz. Bugünkü bileşen sayısı 51dir (kaynak dosyasının find cms/resources/js/components/ui -name "*.tsx" | wc -l ile doğrulandığı).

S: Kaynak mevcut mu?
C: Evet — UnfoldCMS kaynak açıklıklıdır (Core yapısı). Tam admin + API’yi kendi sunucunuzda kendiniz barındırabilirsiniz. Lisans detayları için fiyatlandırma sayfası‘na bakın.

Deneyin

Shadcn-native CMS arıyorsanız, en kolay sonraki adım canlı shadcn-CMS açılış sayfasıdir — bu, tüm bileşen turunu, admin ekran görüntülerini ve Payload, Strapi, Directus ve Sanity ile karşılaştırmayı gösterir.

UnfoldCMS’nin mükemmel olduğunu iddia etmiyoruz. WordPress’in daha fazla eklentisi var. Payload’ın daha olgun bir şema-kod hikayesi var. Sanity’nin Stüdyosu harika bir mühendislik parçası. UnfoldCMS farklı bir şeye bahse giriyor — inşa ettiğiniz admin, sahip olduğunuz admin, sizinle çerçeve arasında bir özel bileşen katmanı olmadan.

Bu bahis sizinle eşleşiyorsa, demo ile başlayın veya Core yapısını kendiniz barındırın.

Metodoloji / Kaynaklar

• Bileşen sayısı (51): find cms/resources/js/components/ui -name "*.tsx" | wc -l canlı UnfoldCMS kaynağı üzerine 2026-06-07 itibarıyla.
• Admin sayfa sayısı (205): find cms/resources/js/pages/admin -name "*.tsx" | wc -l aynı tarih.
• Tema sistemi: cms/resources/css/theme.css ve cms/CLAUDE.md ile doğrulanmıştır.
• shadcn ile inşa edilmiş bir CMS için “var mı” araması sonucundaki SERP analizi: Google.com üst 10’u, 7 Haziran 2026’daki incelemede. Gerçek CMS ürünleri yoktu; SERP, admin şablonları (Tremor Dashboard, Shadcnblocks, kiranism/next-shadcn-dashboard-starter), GitHub demo ve Reddit/X konularına ayrılmıştı.
• shadcn/ui sürüm zaman çizelgesi: shadcn-ui GitHub sürüm, 1.0 dönüm noktası Ekim 2023.
• Rakip yığın detayları: Her sağlayıcının resmi belgelerine göre Haziran 2026 itibarıyla (Strapi v5, Payload v3, Directus v11, Sanity v3 Stüdyosu).

İlgili: shadcn/ui Üzerine İnşa Edilen CMS: Neden Önemli · Laravel + React + shadcn/ui: Modern CMS Yığını · Gerçek Üretimde 50 shadcn/ui Bileşeni

💬 Öncelikle kendi sitemde yayınlandı: https://unfoldcms.com/blog/is-there-a-cms-built-with-shadcn/

UnfoldCMS, kendi kendine barındırılan, geliştirici odaklı bir CMS’dir. Eğer buradaki herhangi bir şey faydalı oldu — veya katılmıyorsanız — yorumlarda varım.