Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mr-meshky/nextjs-example

A ready next js template with custom husky and eslint
https://github.com/mr-meshky/nextjs-example

eslint example husky nextjs typescript

Last synced: about 1 month ago
JSON representation

A ready next js template with custom husky and eslint

Awesome Lists containing this project

README

        

# Next.js Example Template

This repository provides a ready-made template for Next.js projects to help you quickly get started with a modern web application. It includes a basic project setup with the latest Next.js features and best practices.

## Features

- **Next.js**: The latest version of Next.js to power your project.
- **Pre-configured ESLint**: Ensures code quality with pre-configured ESLint rules.
- **Pre-commit & Pre-push**: Automatically run lint checks and build processes before committing or pushing changes.
- **Tailwind and Import Sorter**: Automatic sorting for Tailwind CSS classes and JavaScript/TypeScript imports.

## Getting Started

To create a new project based on this template, run the following command:

```bash
npx create-next-app my-nextjs-app -e https://github.com/Mr-Meshky/nextjs-example/
```

This will create a new directory `my-nextjs-app` with all the files from this template.

### Running the Project

Once you've created the project, navigate into the project directory:

```bash
cd my-nextjs-app
```

Install the necessary dependencies:

```bash
npm install
# or
yarn install
```

Start the development server:

```bash
npm run dev
# or
yarn dev
```

Now open [http://localhost:3000](http://localhost:3000) to view the project in your browser.

## Customization

Feel free to modify the template to suit your needs. You can edit any component, create new pages, or add additional libraries as needed.