A modern, interactive template wizard for building lightweight and cross-platform Next.js applications with your perfect tech stack.
- Node.js 18+ (recommended)
- npm, yarn, or pnpm
- Git
-
Interactive Project Creation
npx create-next-app@latest --template next-up-app-template
-
Manual Installation
# Clone the repository git clone https://github.com/davidryal/next-up-app-template.git my-project # Navigate to project directory cd my-project # Install dependencies npm install # Start development server npm run dev
npm run dev: Start development servernpm run build: Create production buildnpm run start: Run production servernpm run lint: Run ESLintnpm run test: Run Jest test suite
- Smart Defaults: Start with sensible choices pre-selected
- Dark/Light Theme: Automatically matches your system preference
- Stack Configuration: Mix and match your ideal tech stack
- Responsive Design: Optimized for all screen sizes
- Quick Setup: Copy a single command to get started
- Complexity Levels: Choose components that match your expertise
- Local Only (beginner): Development environment setup
- Vercel (beginner): Zero-config deployments
- AWS Amplify (intermediate): Full-stack deployment on AWS
- Docker + Custom (expert): Containerized deployment
- Prisma + PostgreSQL: Full-featured ORM with type safety
- Drizzle: Lightweight and high-performance
- MongoDB + Mongoose: Flexible schema design
- SQLite: Local-first development
- Supabase: Hosted PostgreSQL with realtime features
- NextAuth.js: Multi-provider authentication
- Magic Links: Passwordless email authentication
- Web3/Wallet: Crypto wallet authentication
- Firebase Auth: Google's auth platform
- Supabase Auth: Built-in auth with PostgreSQL
- Tailwind CSS: Utility-first CSS framework
- Chakra UI: Accessible component library
- Material UI: Google's Material Design
- Shadcn/ui: High-quality components
- OpenAI: Direct SDK integration
- OpenRouter: Flexible multi-provider support
- Replicate: Model deployment
- Custom: Bring your own AI
- OpenAI: Direct SDK integration
- OpenRouter: Flexible multi-provider support
- Replicate: Model deployment
- Simplified AI SDK dependencies
- Optimized for Vercel deployment
- Easy integration with various AI providers
- Use
.env.localfor local environment variables - Optional API key configurations supported
- OpenAI transcription route can build without API key
- Provides fallback for development and testing
- Comprehensive
.gitignoreconfiguration - Nested
node_modulesdirectories automatically handled - Consistent package management across project subdirectories
This template includes a comprehensive testing setup:
- Jest: JavaScript testing framework
- React Testing Library: Component and hook testing
- jsdom: Browser-like environment for testing
- Snapshot testing
- Code coverage reporting
Run tests with:
npm test- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
If you find this template helpful, consider buying me a coffee
MIT License - feel free to use this template for any project!
Built with ❤️ in California