Setup Shadcn UI
![Setup Shadcn UI](/_next/image?url=%2Farticles%2Fmonyet-lagi-ngecat-rumah.webp&w=1120&q=90)
Sharing
Shadcn UI adalah library component yang akan memudahkan kita dalam membangun website menggunakan React. Shadcn UI ini dibuat oleh Shadcn, dan kita bisa menginstallnya menggunakan NPM.
Prev: Persiapan Tools dan Software
Silakan baca dokumentasi resmi dari Shadcn UI di https://ui.shadcn.com/docs.
npm install shadcn-ui
Setelah itu kita bisa mengimportnya di file pages/_app.tsx
:
import 'shadcn-ui/dist/index.css'
Kemudian kita bisa menggunakan component yang disediakan oleh Shadcn UI, misalnya kita ingin membuat sebuah button:
import { Button } from 'shadcn-ui'
const App = () => {
return (
<Button>Click Me</Button>
)
}
export default App