/next-14-setup

Production-ready Next.js 14 template with TypeScript, Tailwind CSS, and Husky pre-commit hooks for scalable projects

Primary LanguageTypeScript

Next 14 setup

This project is a production-ready, scalable web application built with Next.js 14, TypeScript, Tailwind CSS, Husky, ESLint, and Prettier. The setup is designed to streamline development and maintain code quality across large-scale projects.

Note: No component library has been included in this setup. A component library can be added as needed based on project requirements.

Table of Contents

Overview

This project is set up with a Next.js 14 architecture optimized for performance, scalability, and maintainability. It includes TypeScript for type safety, Tailwind CSS for responsive styling, and pre-commit hooks with Husky to enforce code quality standards using ESLint and Prettier.

Tech Stack

  • Next.js 14 - React framework for production-level applications
  • TypeScript - Strongly-typed JavaScript for maintainable code
  • Tailwind CSS - Utility-first CSS framework
  • Husky - Git hooks for pre-commit and pre-push checks
  • ESLint - JavaScript and TypeScript linter
  • Prettier - Code formatting tool

Features

  • Modular architecture for scalable and maintainable code
  • Automatic type checking with TypeScript
  • Utility-first styling with Tailwind CSS
  • Code quality enforcement with ESLint and Prettier
  • Pre-commit hooks with Husky to prevent committing unformatted or error-prone code

Getting Started

Prerequisites

  • Node.js (>=14.0.0)
  • npm or yarn

Scripts

  • dev: Starts the development server. 
    npm run dev
# or
yarn dev
  • build: Build for production. 
    npm run build
# or
yarn build
  • start: Runs the production build. 
    npm run start
# or
yarn
  • lint: Runs ESLint to check for code issues. 
    npm run lint
# or
yarn lint
  • format: Formats code using Prettier. 
    npm run format
# or
yarn format

Code Quality

  • ESLint: Code linter for TypeScript and JavaScript
  • Prettier: Code formatter for consistent styling.
  • Husky: Pre-commit hooks to run linting and formatting checks

Clone the repository

git clone https://github.com/dev-avinashh/next-14-setup.git