Next.js & NextUI Template

This is a template for creating applications using Next.js 14 (app directory) and NextUI (v2).

Try it on CodeSandbox

Technologies Used

- Next.js 14
- NextUI v2
- Tailwind CSS
- Tailwind Variants
- TypeScript
- Framer Motion
- next-themes

How to Use

$3

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/nextui-org/next-app-template
`

$3

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

`bash
npm install --workspace=jefeui
`

$3

`bash
npm run dev --workspace=jefeui
`

$3

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

`bash
public-hoist-pattern[]=@nextui-org/
`

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

How to test this before Deploying to the Registry


We need to use npm link which can locally link the packages. Here are the steps to follow:

Change into this project directory and run the link
`bash
npm link
`
After that go to your project root (where your package.json lives) and do a npm link
`bash
npm link @skoolscout/jefeui
`

Here some logs I received
`bash
removed 289 packages, changed 1 package, and audited 6 packages in 3s
found 0 vulnerabilities
`
s
Now do on your project you can import anything:
`tsx
import { Button } from "@skoolscout/jefeui/components";

function YourComponent () {
return Hello World
}
``
Note: any changes your do ont hat project, will be reflected here as they are link

License

Licensed under the MIT license.
test