https://github.com/webpractik/nextjs-starter
Сборка Nextjs by Webpractik
https://github.com/webpractik/nextjs-starter
eslint husky next prettier react storybook tailwindcss typescript vitest
Last synced: 10 months ago
JSON representation
Сборка Nextjs by Webpractik
- Host: GitHub
- URL: https://github.com/webpractik/nextjs-starter
- Owner: webpractik
- Created: 2021-03-02T13:10:54.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2024-05-28T01:06:47.000Z (almost 2 years ago)
- Last Synced: 2024-05-28T08:56:47.746Z (almost 2 years ago)
- Topics: eslint, husky, next, prettier, react, storybook, tailwindcss, typescript, vitest
- Language: TypeScript
- Homepage:
- Size: 6.27 MB
- Stars: 16
- Watchers: 5
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NextJS Starter
A robust boilerplate for quickly building web applications with Next.js.
## 🪄 Features:
- Next 15+ (app router, server components)
- React 19
- Typescript
- Tailwind
- ESLint
- Prettier
- Lefthook
- Commitizen
- Vitest
- Playwright
- Lint-staged
- Storybook
- Sentry
- Rsdoctor
- Nuqs
- Kubb API Codegen
- Design tokens (style-dictionary)
- Env validation
## 🚀 Get started
1. Install the project using `npx create-next-app -e https://github.com/webpractik/nextjs-starter --use-npm`
2. Copy environment variables to .env (`cp .env.example .env`) and configure them.
3. Start the development server with `npm run dev`
## 🎯 Deploy
- **Node:** `^22`
- **Npm:** `^10`
- **App Port:** `3000`
- **Healthcheck:** `/api/health`
- **Ready:** `/api/ready`
- **Prometheus Metrics:** `/api/metrics`
## Run production mode:
- `npm ci`
- `npm run build`
- `npm run prod`
## 📦 Additional utilities:
- [nanoid](https://www.npmjs.com/package/nanoid) - Generate unique IDs
- [lodash-es](https://lodash.com/docs) - Utility library
- [react-use](https://github.com/streamich/react-use#readme) - Collection of hooks for React
- [isomorphic-dompurify](https://www.npmjs.com/package/isomorphic-dompurify) - DOM sanitization library
- [clsx](https://www.npmjs.com/package/clsx) - Utility for constructing CSS class names