Max Jeffery Tech Ltd.

Project Overview

• Client: Max Jeffery Tech Ltd. (Client Zero)
• Project: Our new company website, content hub, and business platform.
• Timeline: Oct - Nov 2025
• Services: Full Stack Web App Development, Hybrid Cloud Architecture, CI/CD & DevOps.

The Challenge

To launch my "Managed App as a Service" business, I needed more than just a simple brochure website. I needed a high-performance platform that could serve as the core of my "Expertise Funnel."

The platform had four key requirements:

1. Blazing-Fast Speed: To achieve a perfect Google Lighthouse score, rank highly in search, and convert visitors into clients.
2. Scalable Content Hub: The site needed to serve as a high-traffic blog for articles, case studies, and lead magnets.
3. Ironclad Security & Uptime: As a managed hosting provider, my own site must be a fortress of reliability and security to build client trust.
4. A "Showcase" of the Model: The site couldn't just talk about the tech; it had to be the product. It needed to demonstrate the exact high-performance stack I offer to all my clients.

The Solution: A Hybrid Cloud Architecture

I architected a solution that offers the best of both worlds: the instant-loading power of a serverless application with the robust, secure data persistence of a dedicated database server.

1. The Full-Stack Application (Hosted on Vercel)

The entire application is a full-stack Next.js (React) application written in TypeScript.

• Frontend: The UI pages are hosted on Vercel's global edge network. When a user visits the site, the content is served from a server physically close to them, resulting in sub-second load times.
• Backend: The backend logic is built using Next.js API Routes, which run as high-performance Serverless Functions.
• Database ORM: Prisma is used as the modern, type-safe ORM to handle all database communications.

Vercel handles the complete CI/CD pipeline. Every time I push an update to GitHub, Vercel automatically builds and deploys the entire full-stack application with zero downtime.

2. The Database (Hosted on a DigitalOcean VPS)

The PostgreSQL database runs in an isolated Docker container on a high-performance Ubuntu VPS, securely firewalled and managed by me.

This model is the key to my business: the client gets a world-class, globally-distributed application (Vercel) connected to a secure, fixed-cost, and high-margin managed database. This provides the power of a serverless workflow without the unpredictable, high costs of managed database providers.

Core Technologies Used

• Full-Stack Framework: Next.js / React
• Language: TypeScript
• Database ORM: Prisma
• Database: PostgreSQL (in Docker)
• App Hosting / CI/CD: Vercel
• Database Hosting: DigitalOcean (Ubuntu 24.04 VPS)
• DevOps: Docker, Docker Compose, Portainer

The Outcome

This project validates the "gold-standard" blueprint I offer to my clients. The result is a platform that "walks the walk":

• 100/100 Google Lighthouse Score for Performance, Accessibility, Best Practices, and SEO.
• Sub-500ms global load times thanks to the Vercel edge network.
• A secure, robust, and scalable foundation ready to handle thousands of blog visitors and client enquiries.
• A proven, repeatable blueprint that I now use to build and deploy high-performance applications for all my clients.