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
• Tech Stack
• Features
• Getting Started
• Scripts
• Code Quality

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