https://github.com/stackoverprof/next-starter
[ TEMPLATE ] The template for a quick and intuitive workflow with Next.js and tailwindcss
https://github.com/stackoverprof/next-starter
Last synced: 4 days ago
JSON representation
[ TEMPLATE ] The template for a quick and intuitive workflow with Next.js and tailwindcss
- Host: GitHub
- URL: https://github.com/stackoverprof/next-starter
- Owner: stackoverprof
- Created: 2022-01-13T12:19:26.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2025-10-20T00:02:43.000Z (8 months ago)
- Last Synced: 2025-10-20T03:52:14.272Z (8 months ago)
- Language: TypeScript
- Homepage:
- Size: 877 KB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# next-starter
**by stackoverprof**
Production-ready Next.js boilerplate with advanced tooling & code quality.
## Features
- ⚡ **Next.js 15.5.6** + Turbopack + App Router
- 🎨 **Tailwind CSS v4** + custom flexbox utilities
- 🔧 **ESLint + Prettier** with auto-sorting
- 🔄 **@stackoverprof/use-shared-state**
## Quick Start
```bash
git clone
cd next-starter
npm install
npm run dev
```
**Scripts:** `dev` | `build` | `start` | `format`
## What's Added Beyond `next init`
- **Advanced ESLint** with perfectionist, prefer-arrow, prettier plugins
- **Custom flexbox utilities** (flex-cc, flex-bc, etc.) for rapid layouts
- **@stackoverprof/use-shared-state** for lightweight state management
- **Turbopack** for faster builds
- **Dark mode** support
## Custom Flexbox Utilities
```css
.flex-cc /* center center */
.flex-bc /* center between */
.flex-sc /* center start */
.flex-ec /* center end */
.col /* flex-col */
.full /* h-full w-full */
```
**Usage:**
```jsx
Centered
Space between
Vertical
```
**Happy coding!** 🚀