Next.js & HeroUI Template

This is a template for creating applications using Next.js 16 (pages directory) and HeroUI (v3).

Try it on CodeSandbox

Note: Since Next.js 15, the pages router is recommend migrating to the new App Router to leverage React's latest features

Read more: Pages Router

Technologies Used

• Next.js 16
• HeroUI v3
• Tailwind CSS
• Tailwind Variants
• TypeScript
• next-themes

How to Use

To create a new project based on this template using create-next-app, run the following command:

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:

npm install

Run the development server

npm run dev

License

Licensed under the MIT license.