create-next-boilerplate-ts
v1.0.18
Published
Next.js + TypeScript boilerplate generator
Maintainers
Readme
create-next-boilerplate-ts
A CLI tool to quickly scaffold a Next.js + TypeScript boilerplate project.
Inspired by create-next-app, but with a preconfigured setup for faster development.
This boilerplate comes with essential libraries and tooling to kickstart modern Next.js projects with minimal setup.
🚀 Features
- Next.js + TypeScript: Fully typed and ready for production.
- TanStack Query (React Query): For efficient data fetching and caching.
- Framer Motion: For animations and smooth UI interactions.
- React Hook Form: Ready-to-use forms with validation support.
- Custom Phone Input Component: Prebuilt phone input with proper validation.
- GitHub Actions Pipeline: CI/CD pipeline configured for linting, testing, and building.
- Biome: Configured as the code linter and formatter for a modern, fast alternative to ESLint + Prettier.
- Absolute Imports & Module Aliases: Simplifies imports across the project.
- Environment Variables Setup:
.envsupport with example template. - Proxy Setup for API: Ready-to-use proxy configuration to handle API calls.
- Custom Logger: Logs messages with file information for easier debugging,
- Husky, Pre-commit & Pre-push Hooks: Ensures clean code with automated formatting and linting before commits.
supports AES-GCM encryption using NEXT_PUBLIC_LOG_ENCRYPTION_KEY.
📦 Usage
Create a new project with the following command:
npx create-next-boilerplate-ts my-app
Logger Encryption Key (Base64 AES-256)
NEXT_PUBLIC_LOG_ENCRYPTION_KEY=<GENERATE_YOUR_KEY_AND_PASTE_HERE>
Health / Security Key (Hex AES-256 / HMAC)
HEALTH_SECRET=<YOUR_SECRET>
