template-nextjs-ts-tailwind — Next.js Starter Template

SHA-256: 2ae7cd3d09dee901e033f8f755af8f9bfade1cd990e543173766afdc2bf5715f

2026-10-13T20:02:01.717Z

<div align="center">

# Next.js 13, Typescript and Tailwind CSS

This is a template for [Next.js](https://nextjs.org/) 13, [Typescript](https://www.typescriptlang.org/) and [Tailwind CSS](https://tailwindcss.com/).

<p align="center">
  <a aria-label="Latest Release" href="https://github.com/gelzinn/template-nextjs-ts-tailwind/releases/latest">
    <img alt="" src="https://img.shields.io/github/v/release/gelzinn/template-nextjs-ts-tailwind?style=for-the-badge&labelColor=000000">
  </a>
  <a aria-label="License" href="https://github.com/gelzinn/template-nextjs-ts-tailwind/blob/main/LICENSE.md">
    <img alt="" src="https://img.shields.io/npm/l/next.svg?style=for-the-badge&labelColor=000000">
  </a>
</p>

</div>

## Getting Started

First, you need to clone this repository:

```bash
git clone https://github.com/gelzinn/template-nextjs-ts-tailwind.git
```

After that, you need to install dependencies using your favorite package manager:

```bash
pnpm install

# or

npm install

# or

yarn install
```

Then, you can start development server:

```bash
pnpm dev

# or

npm run dev

# or

yarn dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

After that, you can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

> By default, this template uses [pnpm](https://pnpm.io/) as a package manager. If you want to use another package manager, you can remove `pnpm-lock.yaml` file and install dependencies using your favorite package manager.

### Commands

Basic commands:

- `dev` - start development server
- `build` - build your project
- `start` - start production server
- `preview` - start preview server

Other commands:

- `lint` - lint your code

> You can create your own commands in `package.json` file. Just add your command in `scripts` section.

### Contributing

If you want to contribute to this project, you can create a pull request. I will be happy to see your pull request.

Contributions are always welcome!

Don't forget to give this repository a ⭐ if you like it, this will help this project to grow up and improve. Thank you!

## Learn More

To use this template, you need to know [Next.js](https://nextjs.org/), [Typescript](https://www.typescriptlang.org/) and [Tailwind CSS](https://tailwindcss.com/). Below you will find some resources to learn more about these technologies.

Next.js resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

Other resources:

- [Tailwind CSS Documentation](https://tailwindcss.com/docs) - learn about Tailwind CSS features and API.
- [Typescript Documentation](https://www.typescriptlang.org/docs) - learn about Typescript features and API.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/)!

## License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details.

---

<div align="center">

**<p style="text-align: center;">Template created by [gelzin](https://github.com/gelzinn) with ❤️ for developers.</p>**

<div
style="display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1rem; margin-top: 1rem;"
>

[GitHub](https://github.com/gelzinn) ﾠ | ﾠ [𝕏/Twitter](https://twitter.com/gelzinn_) ﾠ | ﾠ [Instagram](https://instagram.com/gelzinn_)

</div>

</div>