Create your project
Run the following command to scaffold a new Next.js project:
npx create-next-app@latest my-app
Run the CLI
Initialize SDAIA UI from your project root. The CLI detects Next.js and configures Tailwind, dependencies, and directory structure automatically.
npx sdaia-ui@latest init
Configure your CSS
Open app/globals.css and add the two lines below after @import "tailwindcss";:
@import "tailwindcss";
@import "@sdaia-ds/tokens/css";Add a component
Use the CLI to copy any component directly into your project:
npx sdaia-ui@latest add button
Import and use
Import the component from your local components directory and use it in your app:
import { Button } from '@/components/button';
export default function App() {
return <Button>Click me</Button>;
}