Vite & HeroUI Template

This is a template for creating applications using Vite and HeroUI (v2).

Try it on CodeSandbox

Technologies Used

• Vite
• HeroUI
• Tailwind CSS
• Tailwind Variants
• TypeScript
• Framer Motion

How to Use

To clone the project, run the following command:

git clone https://github.com/frontio-ai/vite-template.git

Install dependencies

You can use one of them npm, yarn, pnpm, bun, Example using npm:

npm install

Environment Variables

Create a .env file in the root directory of the project with the following variables:

VITE_API_URL=http://localhost:3000/api

Note: All environment variables must be prefixed with VITE_ to be accessible in the frontend code.

Run the development server

npm run dev

Setup pnpm (optional)

If you are using pnpm, you need to add the following code to your .npmrc file:

public-hoist-pattern[]=*@heroui/*

After modifying the .npmrc file, you need to run pnpm install again to ensure that the dependencies are installed correctly.

License

Licensed under the MIT license.