Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/matimortari/nextjs-boilerplate

A boilerplate & starter setup for a full-stack web application with the best the React & Next.js ecosystems have to offer.
https://github.com/matimortari/nextjs-boilerplate

boilerplate boilerplate-application boilerplate-node boilerplate-react boilerplate-template nextjs nodejs prisma react tailwindcss typescript

Last synced: 7 days ago
JSON representation

A boilerplate & starter setup for a full-stack web application with the best the React & Next.js ecosystems have to offer.

Awesome Lists containing this project

README

        

# Next.js Boilerplate ๐Ÿš€

A boilerplate and starter setup for a full-stack web application with the best the **React** & **Next.js** ecosystems have to offer. Built with modern tools and best practices to help you get up and running quickly.

## ๐Ÿ“ฆ Key Features

- **Next.js 14** with App Router and **React 18**.
- **TypeScript 5**.
- **Tailwind CSS**.
- **Zustand** support for global state management.
- **React Query** support for data fetching.
- **React Hook Form** & **Zod** support for form management and validation.
- **Auth.js** for authentication, with Google & GitHub providers.
- **Prisma** ORM for database management.
- **ESLint 9**.
- **Vitest** for unit & integration testing.
- **Playwright** for end-to-end testing.

## ๐Ÿ Getting Started

- Clone this repository:

```bash
git clone https://github.com/matimortari/boilerplate-nextjs .
```

- Install dependencies:

```bash
npm install
```

- Run the project in development mode...

```bash
npm run dev
```

- ... or build the project and run it in production mode:

```bash
npm run build
npm start
```

## ๐Ÿงช Testing & Coverage

- Run the following command to run unit and integration tests with **Vitest**:

```bash
npm run test
```

- Run the following command to run end-to-end tests with **Playwright**:

```bash
npm run test:e2e
```

- Run the following command to generate a coverage report for **Vitest**:

```bash
npm run coverage
```

## ๐Ÿ“ฌ Contact

Feel free to reach out to discuss collaboration opportunities or to say hello!

- [**My Email**](mailto:[email protected])
- [**My LinkedIn Profile**](https://www.linkedin.com/in/matheus-mortari-19rt)
- [**My GitHub Profile**](https://github.com/matimortari)