https://github.com/heroui-inc/next-app-template
A Next.js 15 with app directory template pre-configured with HeroUI (v2) and Tailwind CSS.
https://github.com/heroui-inc/next-app-template
nextjs nextjs-template nextjs13 nextui template
Last synced: 5 days ago
JSON representation
A Next.js 15 with app directory template pre-configured with HeroUI (v2) and Tailwind CSS.
- Host: GitHub
- URL: https://github.com/heroui-inc/next-app-template
- Owner: heroui-inc
- License: mit
- Created: 2023-06-02T01:34:33.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-05-01T06:06:52.000Z (20 days ago)
- Last Synced: 2025-05-15T16:21:18.364Z (6 days ago)
- Topics: nextjs, nextjs-template, nextjs13, nextui, template
- Language: TypeScript
- Homepage: https://nextui-app.vercel.app
- Size: 250 KB
- Stars: 343
- Watchers: 7
- Forks: 96
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-ccamel - heroui-inc/next-app-template - A Next.js 15 with app directory template pre-configured with HeroUI (v2) and Tailwind CSS. (TypeScript)
README
# Next.js & HeroUI Template
This is a template for creating applications using Next.js 14 (app directory) and HeroUI (v2).
[Try it on CodeSandbox](https://githubbox.com/heroui-inc/heroui/next-app-template)
## Technologies Used
- [Next.js 14](https://nextjs.org/docs/getting-started)
- [HeroUI v2](https://heroui.com/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Tailwind Variants](https://tailwind-variants.org)
- [TypeScript](https://www.typescriptlang.org/)
- [Framer Motion](https://www.framer.com/motion/)
- [next-themes](https://github.com/pacocoursey/next-themes)
## How to Use
### Use the template with create-next-app
To create a new project based on this template using `create-next-app`, run the following command:
```bash
npx create-next-app -e https://github.com/heroui-inc/next-app-template
```
### Install dependencies
You can use one of them `npm`, `yarn`, `pnpm`, `bun`, Example using `npm`:
```bash
npm install
```
### Run the development server
```bash
npm run dev
```
### Setup pnpm (optional)
If you are using `pnpm`, you need to add the following code to your `.npmrc` file:
```bash
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](https://github.com/heroui-inc/next-app-template/blob/main/LICENSE).