HextaUI/Getting Started
Installation
How to install and set up HextaUI in your Next.js project.
Create a Next.js project
To create a new Next.js project, you can use the following command:
npx create-next-app@latest my-nextjs-apppnpm dlx create-next-app@latest my-nextjs-appyarn dlx create-next-app@latest my-nextjs-appbun x create-next-app@latest my-nextjs-appReplace my-nextjs-app with your desired project name.
Install HextaUI
To install HextaUI in your Next.js project, navigate to your project directory and run:
npm install hextaui@latestpnpm add hextaui@latestyarn add hextaui@latestbun add hextaui@latestInitialize HextaUI
Run the init command to initialize HextaUI in your project:
npx hextaui@latest initpnpm dlx hextaui@latest inityarn dlx hextaui@latest initbun x hextaui@latest initAdd components
You can now start using HextaUI components in your Next.js project.
npx hextaui@latest add buttonpnpm dlx hextaui@latest add buttonyarn dlx hextaui@latest add buttonbun x hextaui@latest add buttonThis command will add Button component to your project. You can simply import the button component from components/ui in your project.
import { Button } from "components/ui/button";
export default function Home() {
return (
<main>
<h1>Welcome to HextaUI with Next.js!</h1>
<Button>Click Me</Button>
</main>
);
}Edit on GitHub
Last updated on