This is a Next.js project bootstrapped with create-next-app.

Features

⚡Next.js with App Router support

📏 Linter with ESLint (default Next.js, Next.js Core Web Vitals, Tailwind CSS and Airbnb configuration) - Detects errors and non-conforming elements in your codebase, providing reports on style violations and issues.

💖 Code Formatter with Prettier - Automates the process of formatting code files to adhere to a standardized style, simplifying the writing process.

🦊 Husky for Git Hooks - Responds to specific Git events and automates tasks to manage development processes.

🚫 Lint-staged for running linters on Git staged files

💡 Absolute Imports using @ prefix - It is a method used to specify file paths from the root directory of the project, thereby organizing file structures more neatly and reducing the length of file paths.

⚙ Bundler Analyzer - It is used to analyze dependencies and their sizes in JavaScript projects.

💯 Maximize lighthouse score - It maximizes a website's performance, accessibility, user experience, and technical metrics using Google's Lighthouse tool.

🎨 Stylelint with Style Rules Enforcement - It checks specific style rules in CSS and similar style-based files.

🖌️ Basic theming support - A basic feature allowing easy theme customization for your application or website.

🔄 SVGR - Converts SVG (Scalable Vector Graphics) files into React components.

🧠 Content Management with Sanity - Flexible, customizable, and headless content management for modern web applications.

Getting Started

First, run the development server:

cd my-project-name
npm install

Then, you can run the project locally in development mode with live reload by executing:

npm run dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying boilerplates.js. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Project structure

│
├── src
│   ├── app                         # Next JS App (App Router)
│   ├── components                  # React components
│   ├── content                     # Content folder
│   │   ├── components              # Boilerplates components
├── .eslintrc.json                  # ESLint configuration
├── .prettierrc.js                  # Prettier configuration
├── .prettierignore                 # Files and directories to ignore by Prettier
├── .stylelintrc.json               # Stylelint configuration
├── jsconfig.json                   # JavaScript configuration
├── next.config.mjs                 # Next.js configuration
├── package-lock.json               # Exact versions of dependencies
├── package.json                    # Project dependencies and scripts
├── README.md                       # README file
├── sanity.cli.js                   # Sanity CLI configuration
└── sanity.config.js                # Sanity project configuration