next-template

Next.js framework starter repository 🐢

Tech Stack

Environments	Languages	Linters	Frameworks	Libraries	Testing	CI/CD

Other

• framer-motion
• tailwind-variants
• clsx & tailwind-merge
• next-themes

Development

1. Required
2. Environment Variables
3. Commands

Required

node = ">=20.18"
npm = ">=10.9"

Tip

See .prototools for more details.

Environment Variables

Tip

See .env.example for more details.

Commands

Installing Packages

npm i

Important

After the initial installation (if the format-on-save feature is not working), restart VS Code (IDE).

Note

In the future, I want to migrate the Linter and Formatter from ESLint and Prettier configurations to Biome. However, I need to check compatibility by comparing the configuration options.

Start Development Server

npm run dev

Linting

npm run lint

Formatting Code

npm run format

Running Storybook (UI component tests)

npm run sb

Running Tests

npm run test

Tip

See scripts in package.json for more details.