Setup Shadcn UI
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