https://github.com/heroui-inc/next-pages-template
A Next.js 14 with pages directory template pre-configured with HeroUI (v2) and Tailwind CSS.
https://github.com/heroui-inc/next-pages-template
nextjs-pages nextjs-template nextjs13 nextui ui-components
Last synced: about 1 year ago
JSON representation
A Next.js 14 with pages directory template pre-configured with HeroUI (v2) and Tailwind CSS.
- Host: GitHub
- URL: https://github.com/heroui-inc/next-pages-template
- Owner: heroui-inc
- License: mit
- Created: 2023-06-02T14:33:20.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-01-18T20:41:38.000Z (over 1 year ago)
- Last Synced: 2025-01-18T21:27:00.215Z (over 1 year ago)
- Topics: nextjs-pages, nextjs-template, nextjs13, nextui, ui-components
- Language: TypeScript
- Homepage: https://nextui-pages.vercel.app
- Size: 375 KB
- Stars: 81
- Watchers: 2
- Forks: 21
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Next.js & HeroUI Template
This is a template for creating applications using Next.js 14 (pages directory) and HeroUI (v2).
[Try it on CodeSandbox](https://githubbox.com/heroui-inc/next-pages-template)
> Note: Since Next.js 14, the pages router is recommend migrating to the [new App Router](https://nextjs.org/docs/app) to leverage React's latest features
>
> Read more: [Pages Router](https://nextjs.org/docs/pages)
## Technologies Used
- [Next.js 14](https://nextjs.org/docs/getting-started)
- [HeroUI](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
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-pages-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-pages-template/blob/main/LICENSE).