The Smartest Way to Manage Your Day — Stop Paying for Tasks, Start Investing in a Solution.
BuildMyAI is a full-stack Agentic AI SaaS platform that connects businesses and professionals with fine-tuned AI Virtual Assistants and expert development services. Built to be production-ready, blazing fast, and visually stunning out of the box.
- About
- Features
- Tech Stack
- Services
- AI Verticals
- Pages & Routes
- Get Started
- Project Structure
- Environment Variables
- Community
- Contributing
- License
BuildMyAI is an open-source Agentic AI SaaS website built to showcase and deliver AI-powered services for businesses of all sizes. The platform features:
- A platform of specialized Virtual Assistants using advanced fine-tuned models to automate daily administrative tasks for professionals.
- A range of dedicated AI coaches providing expert guidance in startups, health, and finance.
- Enterprise-grade development services — from full-stack web apps to mobile, database design, and precision engineering.
The missions is to provide intelligent, on-demand support for every part of your life and career.
Built with Next.js 15 App Router, Supabase, Drizzle ORM, and animated with Framer Motion — this codebase is a reference-quality production template for modern SaaS.
- ⚡ App Router + Server Components — Next.js 15 with full RSC support
- 🔐 Authentication — Supabase Auth with secure session management via
joseJWT - 🗄️ Database — Drizzle ORM with PostgreSQL (Supabase) and type-safe schema
- 🎨 UI System — Radix UI primitives + shadcn/ui + TailwindCSS
- 🌀 Animations — Framer Motion page transitions, viewport-triggered counters, timeline charts
- 🌍 Internationalization — Language context provider with Google Translate integration
- 🌗 Dark/Light Mode — System-preference-aware theme with
next-themes - 📊 Dashboard — Analytics charts powered by Recharts
- 📩 Consultation Flow — Multi-step inquiry wizard with email dispatch
- 📱 Fully Responsive — Mobile-first design with Tailwind breakpoints
- 🔗 OpenGraph SEO — Full
og:meta coverage baked intolayout.tsx - 🏢 Business Profile Header — Contextual floating identity header
- 🎥 Video Backgrounds — Ambient fullscreen video hero with overlay effects
- 🌐 Spinning Earth + Code Rain — Immersive canvas-based background effects
- 🧩 Modular Architecture — Each page and section is fully isolated and composable
| Layer | Technology |
|---|---|
| Framework | Next.js 15 (App Router) |
| Language | TypeScript 5 |
| Styling | Tailwind CSS 3 + Radix UI |
| Animations | Framer Motion |
| Auth | Supabase Auth + jose JWT |
| Database | Supabase PostgreSQL |
| ORM | Drizzle ORM |
| UI Components | shadcn/ui + Radix Primitives |
| Charts | Recharts |
| Icons | Lucide React |
| Font | Inter (Google Fonts) |
| Forms | React Hook Form + Zod |
| Carousel | Embla Carousel |
| Toast | Sonner |
BuildMyAI offers six core development service verticals:
| Service | Timeline | Price Range | Focus |
|---|---|---|---|
| 🌐 Enterprise Web Development | 8–16 weeks | $15K–$200K | Scalable cloud apps, APIs, 99.9% uptime |
| 📱 Mobile App Development | 10–20 weeks | $25K–$150K | Native iOS & Android, App Store ready |
| ⚙️ Precision Engineering | 6–12 weeks | $10K–$100K | CAD/CAM, FEA Analysis, 3D Printing |
| 💻 Custom Software Solutions | 12–24 weeks | $20K–$180K | Workflow automation, legacy modernization |
| 🗃️ Database Solutions | 4–10 weeks | $8K–$75K | Architecture, cloud migration, analytics |
| 🎨 UI/UX Design | 3–8 weeks | $5K–$50K | User research, prototyping, design systems |
BuildMyAI's intelligent Virtual Assistants specialize in:
- 🏥 Healthcare — Medical admin automation, scheduling, and reminders
- 📅 Administrative — Calendar management, correspondence, task delegation
- 💰 Finance — Budgeting, expense tracking, and financial planning guidance
- ⚡ Productivity — Deep work optimization, focus tools, smart scheduling
- 🚀 Startup — Fundraising prep, pitch coaching, go-to-market guidance
- 🤖 Virtual Assistant — General-purpose AI assistant for daily tasks
| Route | Description |
|---|---|
/ |
Hero landing page with animated background, expertise section, services viewport |
/services |
Detailed service offerings with interactive service showcase carousel |
/portfolio |
Showcase of past projects and delivered work |
/consultation |
Free consultation booking — multi-step wizard |
/dashboard |
Client analytics dashboard with Recharts |
/clientele |
Enterprise clients and partners listing |
/partnership |
Partnership & collaboration inquiries |
/support |
Help center and ticket flow |
/contact |
Contact form and direct links |
/process |
Methodology: Discovery → Concept → Execution |
/corporate-login |
Corporate authentication portal |
- Node.js 18+
- A Supabase project (free tier works)
npmorpnpm
# Clone the repo
git clone https://github.com/KRITHIN913/Agentic-AI-SaaS-website---BuildMyAI.git
cd Agentic-AI-SaaS-website---BuildMyAI
# Install dependencies
npm install
# Set up your environment variables (see below)
cp .env.example .env
# Push database schema
npm run db:push
# Start the dev server
npm run devOpen http://localhost:3000 in your browser.
.
├── app/ # Next.js App Router pages
│ ├── page.tsx # Landing page
│ ├── layout.tsx # Root layout with metadata & providers
│ ├── dashboard/ # Client analytics dashboard
│ ├── services/ # Service offerings
│ ├── portfolio/ # Portfolio showcase
│ ├── consultation/ # Consultation booking wizard
│ ├── clientele/ # Client listing
│ ├── partnership/ # Partnership page
│ ├── support/ # Support & help center
│ ├── contact/ # Contact page
│ └── process/ # Process methodology
│
├── components/ # Shared React components
│ ├── expertise-section # Stats, charts, service selector
│ ├── services-section # Animated service carousel
│ ├── services-viewport # Scroll-triggered service showcase
│ ├── nav-bar # Global navigation
│ ├── footer # Site footer
│ ├── dashboard-chart # Recharts dashboard component
│ ├── code-rain # Matrix-style canvas background
│ ├── spinning-earth # Animated globe effect
│ ├── typing-hero # Typewriter hero text
│ ├── profile-dropdown # Auth-aware profile menu
│ └── ui/ # shadcn/ui component library
│
├── lib/ # Utilities, DB client, auth helpers
├── actions/ # Next.js Server Actions
├── hooks/ # Custom React hooks
├── contexts/ # React context providers (language, etc.)
├── styles/ # Global CSS
├── public/ # Static assets (images, videos)
├── drizzle.config.ts # Drizzle ORM config
└── migrate.ts # Database migration runner
Create a .env file in the root directory with the following variables:
# Supabase
NEXT_PUBLIC_SUPABASE_URL=your_supabase_project_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
SUPABASE_SERVICE_ROLE_KEY=your_service_role_key
# Database
DATABASE_URL=your_postgresql_connection_string
# App
NEXT_PUBLIC_APP_URL=http://localhost:3000- 🌐 Visit BuildMyAI Website
- 💬 Open an Issue
- ⭐ Star this repo to help others discover it
Contributions are welcome! Whether you're fixing a bug, adding a feature, or improving docs:
- Fork the repository
- Create your branch:
git checkout -b feature/your-feature - Commit your changes:
git commit -m 'feat: add your feature' - Push to the branch:
git push origin feature/your-feature - Open a Pull Request
Please make sure all code is formatted with TypeScript and follows the existing code style.
BuildMyAI is licensed under the MIT License.
Built with ❤️ to make AI accessible for every business.