Deploy Fearlessly. Watchtower Is Watching.
Watchtower is a zero-configuration monitoring platform that replaces the complexity of Prometheus + Grafana with AI-powered insights. Connect your GitHub repo and get instant observability without YAML, dashboards, or learning curves.
- One-click GitHub integration
- Auto-discovery of services and dependencies
- No YAML files or complex setup required
- 2-minute setup vs weeks with traditional tools
- GPT-4 powered log analysis and root cause detection
- Plain English explanations instead of cryptic metrics
- Proactive issue detection and resolution suggestions
- Smart alerting that reduces noise
- Live performance metrics and health checks
- Interactive dashboards with beautiful visualizations
- Custom alerts via Slack, email, and webhooks
- Historical data analysis and trending
- Modern, intuitive interface
- Mobile-responsive dashboards
- Team collaboration features
- Integration with popular dev tools
- SOC 2 Type II compliant
- End-to-end encryption
- 99.9% uptime SLA
- Dedicated support options
- Node.js 18+
- npm/yarn/pnpm
- GitHub account
-
Clone the repository
git clone https://github.com/nilamadhab47/watchtower.git cd watchtower -
Install dependencies
npm install # or yarn install # or pnpm install
-
Run the development server
npm run dev # or yarn dev # or pnpm dev
-
Open your browser Navigate to http://localhost:3000 to see the landing page.
npm run build
npm start- Framework: Next.js 15 with App Router
- Styling: Tailwind CSS with custom design system
- UI Components: Radix UI primitives
- Animations: Framer Motion
- Icons: Lucide React
- TypeScript: Full type safety
watchtower/
├── app/ # Next.js app directory
│ ├── globals.css # Global styles and Tailwind
│ ├── layout.tsx # Root layout
│ └── page.tsx # Home page
├── components/
│ ├── sections/ # Landing page sections
│ │ ├── HeroSection.tsx
│ │ ├── AIInsights.tsx
│ │ ├── Integrations.tsx
│ │ ├── DashboardPreview.tsx
│ │ ├── HowItWorks.tsx
│ │ ├── Testimonials.tsx
│ │ ├── PricingTable.tsx
│ │ └── Footer.tsx
│ ├── ui/ # Reusable UI components
│ └── Navbar.tsx # Navigation component
├── lib/
│ └── utils.ts # Utility functions
└── public/ # Static assets
- Primary: Emerald green (
#10b981) with neon glow effects - Background: Dark theme with gradient overlays
- Glass: Frosted glass cards with subtle borders
- Headings: Space Grotesk font family
- Body: System font stack for optimal performance
- Animated cards with hover effects
- Neon glow buttons and borders
- Smooth transitions and micro-interactions
npm run dev- Start development servernpm run build- Build for productionnpm run start- Start production servernpm run lint- Run ESLint
- TypeScript strict mode enabled
- ESLint with Next.js recommended rules
- Prettier for code formatting
- Consistent component structure
- Push your code to GitHub
- Connect your repository to Vercel
- Deploy automatically on every push
- Netlify: Drag and drop the
out/folder afternpm run build - AWS/GCP: Use Docker or static hosting
- Self-hosted: Run
npm run build && npm start
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Documentation: [Coming Soon]
- Issues: GitHub Issues
- Discussions: GitHub Discussions
Built with ❤️ by developers, for developers