Kurulum

shadcn/ui kurulu bir projen olmalı. Sıfırdan başlıyorsan:

npx shadcn@latest init

1. Registry'yi ekle

goodui'yi components.json dosyasının registries alanına ekle:

{
  "registries": {
    "@goodui": "https://goodui.dev/r/{name}.json"
  }
}

2. Blokları kur

npx shadcn@latest add @goodui/resource-timeline

CLI bloğu, kullandığı shadcn bileşenlerini ve gereken npm paketlerini kurar. Registry'de terminalden de arama yapabilirsin:

npx shadcn@latest search @goodui
npx shadcn@latest view @goodui/kpi-cards

components.json'u düzenlemeden

Her ücretsiz blok tam URL'sinden de kurulur:

npx shadcn@latest add https://goodui.dev/r/resource-timeline.json

Bir blok kullan

import ResourceTimeline from "@/components/goodui/resource-timeline"

export default function Page() {
  return <ResourceTimeline />
}

Bloklar, demo verisi dosyanın en üstünde duran istemci bileşenleridir. O veriyi kendininkiyle değiştir.