This project was created by npx create-next-app@latest
command.
Next.js framework starter repository.
First, you must install packages.
npm i
By using these two packages, you can concatenate class names and prevent duplication in Tailwind.
Note
The script is located in src/utils/cn.ts
.
2. next-themes
For applying color themes.
This package supports light mode and dark mode by default.
Animations.
4. swr
Useful libraries for client-side (means: use client
) fetching.
It's foolish to handle form control without using this library.
Important
@hookform/resolvers required to use Zod for form validation. (already included in the package)
6. zod
The use cases are endless, from server-side type validation to client-side form validation.
7. vitest
This package is used for testing (such as unit tests).
Important
To perform UI testing, you need to configure the @testing-library/jest-dom package and set up Vitest config.
8. storybook
Use for visual testing of UI.
Useful for automatic docs generation of components, testing of theme colors, and testing with various viewports.
🐢