Next.js Template With Husky, Lint-Staged for pre-commit Hooks.

Next.js Template With Husky, Lint-Staged for pre-commit Hooks.

Hassle-Free Setup with Husky, lint-staged, commitlint, ESLint, Prettier, and Chakra UI"

A few days ago, I had an enlightening experience while setting up my development environment. Configuring Husky, lint-staged, commitlint, ESLint, Prettier, and Chakra UI was stressful and time-consuming. To help others avoid this hassle, I created a GitHub template that streamlines the setup process with just a click.

The template offers a wealth of features that can swiftly bootstrap your project:

  1. Husky: Effortlessly set up Git hooks for automating tasks before commits, pushes, and more.

  2. Lint-staged: Automatically run linters and other tasks on staged files, ensuring code quality before committing changes.

  3. Commitlint: Enforce conventional commit messages, maintaining a consistent and informative commit history for better collaboration.

  4. ESLint: Configure ESLint for code linting, catching potential errors, and enforcing consistent coding styles.

  5. Prettier: Set up Prettier for code formatting, ensuring code consistency across the entire project.

  6. Chakra UI: Seamlessly integrates Chakra UI, a fantastic library for building sleek and customizable front-end components, accelerating your front-end development.

Using the template is as simple as following these steps:

  1. Click on the "Use this template" button on the GitHub repository to create a new repository based on the template.

    Template URL: github.com/iamclement1/nextjs_huskyTemplate

  2. Provide a name for your new repository and proceed with the setup.

  3. Clone the freshly created repository to your local machine using Git.

  4. Run npm install to install all the required project dependencies.

  5. Now you are all set! Start coding immediately with pre-configured linting, commit message checks, and Chakra UI components.

This GitHub template aims to save you valuable time and effort, allowing you to focus on building your application without being bogged down by tedious configuration tasks.

Feedback is always welcome, and I'm committed to enhancing the template based on user suggestions. If you have any ideas or improvements in mind, please don't hesitate to share them with me. Let's make this template even more user-friendly and efficient together!