Back to projectsWeb Projects
Blue Service
A Next.js and Cloudflare-based company platform built for Blue Service to showcase swimming pool and fountain services, collect customer inquiries, manage website content, connect with ERP/CRM operations, monitor business metrics, and support internal device/firmware workflows from a secured admin dashboard.
Company website, ERP, CRM and server management platform
Year
2022
Role
Full-stack developer, system architect, ERP/CRM administrator, server manager, Next.js application developer, Cloudflare deployment manager, OAuth integration developer, dashboard and admin workflow designer, lead-management system builder, media and firmware infrastructure maintainer, SEO implementation, production monitoring, and ongoing technical support
Problem
Blue Service needed more than a static company website. The business required a professional public presence for swimming pool, fountain, and water-feature services, while also needing a secure internal system for capturing leads, managing project content, connecting website users with ERP/CRM data, handling media uploads, supporting device activation workflows, hosting firmware assets, and keeping the production server and ERP system reliable.
Solution
I built a full-stack business platform using Next.js, TypeScript, Tailwind CSS, Prisma, Cloudflare Workers, Cloudflare D1, and Cloudflare R2. The public website presents Blue Service services, projects, gallery pages, contact flows, SEO metadata, sitemap, and landing-page content. The private dashboard includes authenticated ERP OAuth login, role-based access, lead management, lead export, project/content management, media library uploads, activation key management, and firmware flashing support. The system integrates with ERPNext/Frappe through OAuth 2.0 and API calls to display CRM, sales, invoice, opportunity, quotation, task, and notification data inside the dashboard. I also manage the full production server, ERP, and CRM setup for the company.
Outcome
The project demonstrates a real-world production system that combines marketing, operations, CRM, ERP, infrastructure, and internal tooling in one platform. Blue Service now has a professional website, searchable service pages, lead-capture workflows, secure admin access, ERP-connected business analytics, content management tools, cloud media storage, firmware delivery infrastructure, and ongoing server/ERP/CRM management handled through a modern full-stack architecture.
Visual archive
Project frames from the build.
A closer look at the real interfaces, states, and build details behind Blue Service.
Build notes
What this project demonstrates.
VPS-hosted ERP and CRM system managed for the company
Full Linux VPS server administration for ERPNext/Frappe and CRM operations
Managed ERP/CRM deployment, updates, domain setup, SSL configuration, and production maintenance
Integrated the website dashboard with the VPS-hosted ERP/CRM system using OAuth and ERPNext/Frappe APIs
Production company website for Blue Service with public landing pages, service pages, gallery, project pages, contact page, privacy policy, and terms pages
Built with Next.js, React, TypeScript, Tailwind CSS, shadcn/ui, Radix UI, and responsive UI components
Public service showcase for swimming pool construction, static fountains, synchronized fountains, and musical fountain systems
SEO-focused implementation with metadata, sitemap, robots configuration, optimized page descriptions, and keyword-driven service content
Lead capture system for collecting customer inquiries from the website
Admin dashboard for managing leads, projects, media, activation keys, firmware, and profile data
Lead export workflow for downloading inquiry data
Project/content management system for adding and managing swimming pool and fountain posts
Media library with Cloudflare R2-backed upload and reuse workflow
Cloudflare D1 and Prisma-based data layer for website and dashboard records
Cloudflare Workers deployment using OpenNext for running Next.js on Cloudflare infrastructure
ERPNext/Frappe OAuth integration for secure login and ERP-connected sessions
Custom JWT session handling with secure HTTP-only cookies and token refresh support
Role-based access control for protecting dashboard and admin routes
ERP/CRM dashboard widgets for customers, leads, invoices, sales orders, quotations, payment entries, opportunities, tasks, and notifications
Real-time ERPNext API integration for business metrics such as monthly sales, outstanding invoices, overdue invoices, lead growth, and opportunity status
Recent invoice and recent lead activity views pulled directly from ERP/CRM data
Full ERP and CRM system management for the company
Full production server and deployment management for the company
Cloudflare R2 firmware storage with firmware manifest APIs
ESP device flashing workflow using ESP Web Tools, Web Serial, and WebUSB support
Activation key management for device access control
Cloudflare Images/R2 support for scalable media and asset handling
GitHub Actions and Wrangler-based deployment workflow
Professional responsive UI with dashboard navigation, mobile sidebar, theme support, and reusable UI components
Ongoing maintenance of website, server, ERP, CRM, cloud storage, authentication, and deployment infrastructure
Technologies
Next.jsReactTypeScriptTailwind CSSshadcn/uiRadix UIFramer MotionPrismaVPSCloudflare WorkersOpenNext CloudflareCloudflare D1Cloudflare R2Cloudflare ImagesWranglerERPNextFrappe OAuthCRMJWT authenticationOAuth 2.0Role-based access controlServer-side renderingREST APIsLead managementMedia libraryFirmware hostingESP Web ToolsWeb Serial APIWebUSBSEO optimizationSitemapRobots.txtGitHub ActionsFull server management