Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/bhanu1776/nextjs14-starter-template

Npm package: Latest Next.js 14 starter template with Typescript + Tailwindcss + Eslint (airbnb) + Prettier + Husky + cz-git + pnpm + PWA 🔥
https://github.com/bhanu1776/nextjs14-starter-template

cz-git debug-screens eslint eslint-airbnb husky nextjs-starter nextjs-template nextjs13 pnpm postcss prettier-eslint progressive-web-app react tailwindcss tailwindcss-prettier typescript

Last synced: 30 days ago
JSON representation

Npm package: Latest Next.js 14 starter template with Typescript + Tailwindcss + Eslint (airbnb) + Prettier + Husky + cz-git + pnpm + PWA 🔥

Awesome Lists containing this project

README

        

# Next.js 14 Starter Template


Live Demo

## Features ✨

- ⚡️ [Next 14](https://nextjs.org/docs) - with app router
- 🦾 [TypeScript](https://www.typescriptlang.org/), of course
- 🎨 [Tailwindcss](https://tailwindcss.com/) - next generation utility-first CSS
- 💡 [Eslint](https://eslint.org/) - with Airbnb config
- 💖 [Prettier](https://prettier.io/) - configured with Eslint and with Tailwindcss-prettier support
- 🐶 [Husky](https://typicode.github.io/husky/) - Improves your commits and more woof!
- 🌚 [Dark Mode](https://tailwindcss.com/docs/dark-mode)
- 🪢 [CSS Modules](https://github.com/css-modules/css-modules)
- 🗂 [cz-git](https://cz-git.qbb.sh/) - Git commit CLI with custom config
- 🚀 [PWA](https://web.dev/progressive-web-apps/) - Native app experience
- 💣 [pnpm](https://pnpm.io/ "Make sure to install pnpm globally before installing this template => npm i -g pnpm") - Fast, disk space efficient package manager
- ☁️ Deploy on [Vercel](https://vercel.com/), One click to deploy, Inbuilt Analytics support

## Try it now 💫

### Clone to local

```bash
npx @bhanu17/nextjs-starter my-app
```

Make sure to replace **my-app** with your desired name

### GitHub Template

[Create a repo from this template on GitHub](https://github.com/Bhanu1776/Nextjs14-Starter-Template/generate).

## Checklist ✅

Try to follow the checklist when using this template to properly update your information.

- [ ] Rename *name* and *author* fields in `package.json`
- [ ] Change the author name in `LICENSE`
- [ ] Change the title and description in `layout.tsx`
- [ ] Modify the manifest in `public`
- [ ] Clean up the `README.md`

## Development 🧑‍💻

```bash
pnpm dev
```

Then visit

## Deploy on Vercel ☁️

This template comes with vercel inbuilt. Your app will be live in a minute by typing **`vercel`** in terminal.
For more information go through [Vercel CLI](https://vercel.com/docs/cli).

## Why ⁉️

Recently, I've made a lot of NextJs webs. And setting up each time from scratch with all configurations is really time consuming.

Therefore, I created this template for myself to make creating apps easier, along with some useful tips I've picked up from creating those apps. You are welcome to make changes or even maintain your own forks.

## Support Me 🫂


© 2023 Bhanu Sunka
This project is licensed under the [**MIT license**](https://github.com/Bhanu1776/Nextjs14-Starter-Template/blob/master/LICENSE).

[![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com)