https://github.com/imadatyatalah/next.js-template

Opinionated Next.js and TailwindCSS template.
https://github.com/imadatyatalah/next.js-template

dark-mode eslint next-themes nextjs nextjs-template prettier react tailwindcss typescript vercel

Last synced: 2 months ago
JSON representation

Opinionated Next.js and TailwindCSS template.

• Host: GitHub
• URL: https://github.com/imadatyatalah/next.js-template
• Owner: imadatyatalah
• License: mit
• Created: 2021-04-22T17:53:36.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2024-07-13T20:52:50.000Z (6 months ago)
• Last Synced: 2024-08-03T14:04:15.951Z (6 months ago)
• Topics: dark-mode, eslint, next-themes, nextjs, nextjs-template, prettier, react, tailwindcss, typescript, vercel
• Language: TypeScript
• Homepage: https://next-js-tailwindcss-template.vercel.app
• Size: 907 KB
• Stars: 19
• Watchers: 1
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• Awesome-NextJs - next.js-tailwindcss-template - [demo](https://next-js-tailwindcss-template.vercel.app/) (Nextjs Starter)

README

        
Next.js TailwindCSS Template




View Demo

·

Report Bug or Request Feature





[![MIT License](https://img.shields.io/github/license/imadatyatalah/next.js-template?color=blue&style=for-the-badge)](https://github.com/imadatyatalah/next.js-template/blob/main/LICENSE)

[![Stargazers](https://img.shields.io/github/stars/imadatyatalah/next.js-template?style=for-the-badge)](https://github.com/imadatyatalah/next.js-template/stargazers)

[![Forks](https://img.shields.io/github/forks/imadatyatalah/next.js-template?style=for-the-badge)](https://github.com/imadatyatalah/next.js-template/network/members)



## About The Project

After a couple of Next.js projects, I found that I'm spending too much time setting up new ones, That's why I created this template, Fell free to use it and give me your feedback!

### Built With

- [TypeScript](https://www.typescriptlang.org)

- [Next.js](https://nextjs.org)

- [Tailwind CSS](https://tailwindcss.com)

- [Next Themes](https://github.com/pacocoursey/next-themes)

- [shadcn/ui](https://ui.shadcn.com)

### Features

- TypeScript ready.

- ESLint ready.

- Dark Mode ready.

- Supports absolute imports.

- SEO friendly.

### Screenshot

![Screenshot](./screenshot.png)

## Deploy

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fimadatyatalah%2Fnext.js-template)

## Getting Started

Create a new application using `create-next-app` with the `-e | --example` flag pointing to this repository's _url_, like so:

```bash

npx create-next-app@latest --example https://github.com/imadatyatalah/next.js-template

```

> **Tip:** You can find `create-next-app`'s documentation at [https://nextjs.org/docs/app/api-reference/create-next-app](https://nextjs.org/docs/app/api-reference/create-next-app).

You can also click on the `Use this template` button.

After that, clone the repository that was created on your account and follow the steps below:

```bash

# Installing project dependencies

pnpm i

# Starting the project

pnpm dev

```

Your site is now running at [`http://localhost:3000`](http://localhost:3000)!

## License

Distributed under the MIT License. See [`LICENSE`](https://github.com/imadatyatalah/next.js-template/blob/main/LICENSE) for more information.