A modern, full-featured template for rapidly building web applications. Pre-configured with TypeScript, Three.js, Tailwind CSS, and more to eliminate boilerplate setup and get coding faster.
- Next.js 15.0.3 (App Router)
- TypeScript 5
- Three.js 0.170.0 + React Three Fiber 8
- Tailwind CSS 3.4.1
- Framer Motion 11
git clone https://github.com/JayRichh/next-template
cd next-template
npm install
npm run devsrc/
├── app/ # Next.js app directory
│ ├── examples/ # Example implementations
│ │ ├── 3d/ # Three.js examples
│ │ ├── ui/ # UI component examples
│ │ └── theme/ # Theme examples
│ ├── three/ # Three.js setup
│ └── api/ # API routes
├── components/
│ └── ui/ # Reusable UI components
├── hooks/ # Custom React hooks
├── services/ # API services
├── types/ # TypeScript definitions
└── utils/ # Utility functions
- Form elements with validation (react-hook-form + zod)
- Data display (Badge, Card, Tooltip)
- Layout (Accordion, Modal, Tabs)
- Feedback (Progress, Spinner, Toast)
- Effects (Gradient backgrounds, animations)
- Scene management with React Three Fiber
- Physics integration (Rapier3D)
- Material showcases
- Interactive examples
- Morph animations
- TypeScript configuration
- ESLint with strict rules
- Prettier with import sorting
- Hot module replacement
- Monaco code editor integration
- Configured for Three.js integration
- App Router setup
- API routes enabled
- Strict mode enabled
- Webpack optimizations for canvas
- Custom color schemes with HSL variables
- Dark mode support
- Geist font integration
- Custom animations
- Gradient utilities
- Container queries
- Strict type checking
- Path aliases configured
- Type definitions for Three.js
- Custom type utilities
npm run dev # Development server
npm run build # Production build
npm run start # Production server
npm run lint # ESLint
npm run format # Prettier formattingMIT