next-template

Next.js framework starter repository 🐢

Tech Stack

Environments	Languages	Linters	Frameworks	Libraries	Testing	CI/CD

Other

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

Development

1. Required
2. Environment Variables
3. Commands

Required

node = ">=22"
pnpm = ">=10"

Tip

See .prototools for more details.

Environment Variables

Tip

See .env.example for more details.

Commands

Installing Packages

pnpm 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

pnpm dev

Linting

pnpm lint

Formatting Code

pnpm format

Runs linter and formatter

pnpm check

Note

Commands related to lint, format, and check perform similar operations to Biome.

Running Storybook (UI component tests)

pnpm sb

Running Tests

pnpm test

Tip

See scripts in package.json for more details.