About Wom-Bat
A modern web platform showcasing the best of contemporary web development
Technology Stack
Frontend
- ✓Next.js 14 with App Router
- ✓React 18 with Server Components
- ✓Tailwind CSS for styling
- ✓TypeScript for type safety
Infrastructure
- ✓Docker containerization
- ✓Caddy reverse proxy
- ✓Automatic HTTPS with Let's Encrypt
- ✓Production-optimized deployment
Architecture
Wom-Bat demonstrates a modern web architecture pattern where:
1
Caddy Reverse Proxy handles all incoming traffic on ports 80/443, providing automatic HTTPS, compression, and security headers
2
Internal Docker Network ensures secure communication between containers, with Next.js only accessible through Caddy
3
Next.js Application runs on port 3001 internally, serving the React application with server-side rendering and API routes
Key Features
🚀
Performance Optimized
Built-in optimizations, code splitting, and modern caching strategies
🔒
Security First
HTTPS-only, security headers, and container isolation
📱
Responsive Design
Mobile-first approach with Tailwind CSS utilities
âš¡
Developer Experience
Hot reload, TypeScript, and modern development tooling