Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/rozsival/nextjs-starter

🚀 Vít's Next.js starter template
https://github.com/rozsival/nextjs-starter

babel emotion eslint nextjs react starter stylelint template typescript

Last synced: 10 days ago
JSON representation

🚀 Vít's Next.js starter template

Awesome Lists containing this project

README

        

🚀
Next.js Starter


VĂ­t's starter template for Next.js v13



Next.js
emotion
TypeScript
Babel
ESLint
Prettier
Stylelint
pnpm
GitHub Actions



## ✅ Features

Minimalistic starter for Next.js projects with all the goodies 🤙

- [TypeScript](https://github.com/microsoft/TypeScript) and [ESLint](https://github.com/eslint/eslint) with opinionated
setup
- [Prettier](https://github.com/prettier/prettier) as code formatter
- [emotion](https://github.com/emotion-js/emotion) with theme and utilities for CSS-in-JS
- [Stylelint](https://github.com/stylelint/stylelint) to keep your CSS-in-JS clean
- [Conventional Commits](https://github.com/conventional-commits/conventionalcommits.org) setup
- [husky](https://github.com/typicode/husky) hooks for `commit-msg` and `pre-commit`
(with [lint-staged](https://github.com/okonet/lint-staged))
- [pnpm](https://github.com/pnpm/pnpm) as package manager (with [renovate](https://github.com/renovatebot/renovate))
- [GitHub Actions](https://github.com/actions) workflow for QA
- `src` folder with lined-up structure for your components, pages and other stuff

## 👨‍💻 Usage

1. Select `Use this template` > `Create new repository` above
2. Clone the created repository
3. Run `pnpm install`
4. Start coding and create something 😍

## ⚒️ Scripts

- `pnpm run build` – creates production build with `next build`
- `pnpm run cz` – starts CLI to create Conventional Commit
- `pnpm run dev` – starts development server with `next dev`
- `pnpm run eslint` – checks code with `eslint`
- `pnpm run eslint:fix` – runs `eslint` with auto-fix
- `pnpm run fix` – runs all linters with auto-fix
- `pnpm run prettier` – checks code format with `prettier`
- `pnpm run prettier:fix` – runs `prettier` with auto-fix
- `pnpm run stylelint` – checks your CSS-in-JS files
- `pnpm run stylelint:fix` – runs `stylelint` with auto-fix
- `pnpm run qa` – runs all linters in check-only mode
- `pnpm run start` – starts server for last created production build
- `pnpm run ts` - checks code with `tsc`