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:

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:

cd my-nextjs-app

Install the necessary dependencies:

pnpm install

Start the development server:

pnpm run dev

Now open 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.