NextJS Template with TailwindCSS, Typescript, and ESLint

This repository provides a NextJS template with integrated TailwindCSS, Typescript, and ESLint. It serves as a starting point for building static and server-side rendered applications with a clean and efficient development environment.

Getting Started

To get started with this template, follow these steps:

1. Clone this repository to your local machine.
2. Install the necessary dependencies by running pnpm install or yarn install.
3. Start the development server using pnpm dev or yarn dev.
4. Open your browser and navigate to http://localhost:3000 to see the application.

Features

This template provides a clean and efficient development environment for building static and server-side rendered applications. It includes the following features:

• 🚀 NextJS 13: A powerful React framework that enables the creation of static and server-side rendered applications. It also includes a built-in API for creating custom endpoints.

• 🤖 React 18

• 💎 Prettier: A code formatter that ensures consistent code style across your project.

• 🔨 ESLint: A linter that helps you identify and fix issues in your JavaScript code, ensuring best practices and maintaining code quality.

• 🎉 TailwindCSS: A utility-first CSS framework that allows you to build customized designs directly in your HTML, reducing the need for complex CSS files.

• ⚙️ Typescript: A typed superset of JavaScript that provides enhanced error checking and code completion, resulting in more reliable and maintainable code.

• 🦑 Jest and React Testing Library: A testing framework and library that allows you to write unit tests for your React components.

• ✅ Playwright: A Node library that allows you to write end-to-end tests for your application.

• 📕 Storybook: A development environment for UI components that allows you to build and test components in isolation.

Feel free to explore and leverage these tools to enhance your development experience.

We hope this template accelerates your project setup and empowers you to build amazing applications. Happy coding!

Getting Started

To get started with this template, follow these steps:

1. Clone this repository to your local machine.

git clone https://wwww

2. Install the necessary dependencies by running pnpm install

pnpm install

3. Start the development server using pnpm dev

pnpm dev

4. Open your browser and navigate to http://localhost:3000 to see the application.

Features

1. Using storybook

pnpm storybook

2. Using jest

pnpm test

3. Using playwright

pnpm test:e2e

4. Using eslint

pnpm lint

5. Using prettier

pnpm format:write