Install Next.js

Set up a new Next.js project with your preferred package manager. This guide uses Create Next App, the official Next.js starter.

Create a new project

Run the following command to create a new Next.js application. The interactive CLI will guide you through the setup process.

When prompted, configure your project with the following recommended settings for Hex UI:

?What is your project named?my-app

?Would you like to use TypeScript?No / Yes

?Would you like to use ESLint?No / Yes

?Would you like to use Tailwind CSS?No / Yes

?Would you like to use `src/` directory?No / Yes

?Would you like to use App Router? (recommended)No / Yes

?Would you like to customize the import alias (@/*)?No / Yes

Navigate to your project directory and start the development server:

Open http://localhost:3000 in your browser to see your application.

Now that you have Next.js installed, the next step is to install and configure Tailwind CSS v4.