Sanity × Nuxt UI
Sanity × Nuxt UI

Bangun halaman dari blok, tanpa menyentuh kode

Editor menyusun hero, fitur, harga, dan FAQ di Sanity Studio. Nuxt UI menampilkan setiap blok sebagai komponen yang aksesibel dan responsif.
Baca panduanLihat di GitHub
Seseorang bekerja di depan laptop

Dibangun dengan

03Fitur

Satu blok di Sanity, satu komponen di Nuxt

Setiap blok punya schema sendiri dan terhubung ke komponen Nuxt UI lewat registry bertipe.
  • 13 blok siap pakai
    Hero, fitur, kartu, linimasa, galeri, harga, FAQ, daftar koleksi, dan lainnya.
  • Type-safe
    TypeGen membuat tipe dari schema dan query GROQ-mu.
  • Visual Editing
    Klik teks di pratinjau untuk membuka field-nya di Studio.
  • Mode gelap
    Warna semantik Nuxt UI otomatis menyesuaikan tema.
  • Gambar responsif
    srcset dari CDN gambar Sanity, lengkap dengan hotspot dan crop.
  • SEO bawaan
    Sitemap, robots, gambar media sosial, dan schema.org lewat Nuxt SEO.
04Jenis konten

Halaman dan koleksi

Halaman fleksibel untuk tata letak sekali pakai, koleksi untuk semua yang berulang. Editor bisa membuat koleksi baru di Studio.
Halaman
Susun tata letak apa pun dari blok. Halaman dengan slug "home" menjadi beranda.
Blog
Koleksi dengan tata letak blog: tanggal, penulis, tag, dan artikel terkait.
Proyek
Koleksi dengan tata letak kartu, urutan manual, dan detail penting tiap proyek.
Galeri
Koleksi dengan tata letak galeri. Unggah banyak foto sekaligus, lightbox langsung tersedia.
05Karya

Proyek pilihan

Rebranding Northwind
Identitas baru dan situs marketing berbasis blok yang kini diperbarui sendiri oleh tim internal.
brandingsitus-web
Foto oleh Joseph Barrientos
Aplikasi catatan lapangan
Buku catatan offline-first untuk peneliti, dengan konten terstruktur yang tersinkron ke Sanity.
aplikasimodel-konten
Foto oleh Nadir Balcikli
Arsip foto Harbor
Sepuluh ribu foto bersejarah yang bertag dan bisa dicari, dengan galeri publik yang dibangun dari koleksi.
arsipsitus-web
Foto oleh Jay Ruzesky
Semua proyek
06Blog

Artikel terbaru

Blok ini selalu menampilkan entri terbaru dari sebuah koleksi.
Laptop dan buku catatan di atas meja
panduan

Membuat bagian baru tanpa kode

Blog, Galeri, dan Proyek semuanya koleksi. Editor bisa menambah koleksi baru, seperti Layanan atau Tim, langsung dari Studio.
AM

Ada Morgan

Editor

Laptop di atas meja
panduan

Memulai dengan Sanity × Nuxt UI

Hubungkan template ke proyek Sanity, impor konten contoh, lalu jalankan Studio dan situs berdampingan.
AM

Ada Morgan

Editor

Seseorang bekerja di depan laptop
panduan

Cara menambahkan blok baru

Komponen Nuxt UI apa pun bisa jadi blok. Cukup satu schema, satu komponen Vue, dan satu baris di registry.
LH

Leo Hart

Frontend Engineer

Semua artikel
07Galeri

Galeri terbaru

Foto oleh Go Wild

Pegunungan

8 foto · 12 September 2026

Foto oleh Alejandro Escamilla

Ruang kerja

9 foto · 3 Agustus 2026

Foto oleh sergee bee

Di perjalanan

8 foto · 21 Juni 2026

Semua galeri
08Testimoni

Kata mereka

Tim konten kami sekarang menerbitkan landing page sendiri. Developer cukup menambah blok saat butuh tata letak baru.
MC

Maya Chen

Kepala Konten

Berkat tipe yang di-generate, perubahan schema muncul sebagai type error di komponen, bukan bug di produksi.
TB

Tom Becker

Frontend Engineer

Pratinjau langsung di Presentation memangkas banyak bolak-balik.
SL

Sara Lind

Product Designer

09FAQ

Pertanyaan yang sering diajukan

Siap membangun halaman pertamamu?

Buka Studio, buat halaman, lalu mulai tambahkan blok.
Buka StudioLihat harga