Overview

The Next.js daisyUI Boilerplate is a project that aims to save developers time when prototyping with Next.js and daisyUI. It is built with Next.js, TypeScript, Tailwind CSS, daisyUI, Storybook, husky & lint-staged, and scaffdog.

Features

• Tailwind & Storybook already set: The boilerplate comes with Tailwind CSS and Storybook already configured, making it easy to start prototyping right away.
• Nicely structured folders: The project structure is designed to be familiar with object-oriented user interface (OOUI) prototyping.
• Useful ESLint plugins and rules: The boilerplate includes useful ESLint plugins and rules to help maintain code quality.
• Tailwind className sort: The boilerplate includes a feature that sorts Tailwind CSS class names alphabetically, making it easier to manage styles.
• Import order and unused import deletion: The boilerplate includes functionality to automatically organize and delete unused imports.
• Pre-commit hook: A pre-commit hook is set up to ensure code quality before committing changes.
• Scaffdog: Scaffdog is a tool included in the boilerplate that generates a template for project folder structure, making it easier to create new components.

Installation

To start using the Next.js daisyUI Boilerplate, follow these steps:

1. Clone the repository: git clone [repository-url]
2. Install dependencies: npm install
3. Run the development server: npm run dev
4. Start prototyping with Next.js and daisyUI.

Summary

The Next.js daisyUI Boilerplate is a time-saving tool for developers who work with Next.js and daisyUI. It comes with pre-configured features such as Tailwind CSS, Storybook, ESLint plugins and rules, and scaffdog. The project structure is designed to be familiar with OOUI prototyping, and there are additional features like sorting Tailwind CSS class names, organizing imports, and a pre-commit hook for code quality. With this boilerplate, developers can quickly start prototyping and save valuable time.