A modern, production-grade portfolio website and content management system designed and built from scratch to showcase professional work, publish blog content, and manage all portfolio data through an intuitive admin panel.
The platform follows a decoupled architecture with a Laravel 13 REST API serving a Next.js 16 App Router frontend. Both services are containerized with Docker and deployed behind a shared Nginx reverse proxy with SSL termination via Let's Encrypt.
Frontend: suhaibzia.com — Server-rendered Next.js with Tailwind CSS 4 and Framer Motion animations
API: api.suhaibzia.com — Laravel with Sanctum authentication, Redis caching, and queue workers
Infrastructure: Shared MySQL 8.0, Redis 7, Nginx, and Certbot across multiple projects
A fully-featured CMS dashboard to manage all portfolio content without touching code:
Projects — Cover images, gallery uploads, tech stack tags, live/GitHub URLs
Blog — Rich text editor with inline image uploads, categories, tags, reading time
Experience & Education — Timeline entries with company/institution logos
Services — Descriptions with feature lists and cover images
Testimonials — Client reviews with avatars and ratings
Skills, Certifications, Stats — All configurable from the admin
Contact Messages & Newsletter — Inbox management and subscriber list
Personal Info & Social Links — 13 social platforms, avatar, resume upload
Rich Text Editor — TipTap WYSIWYG editor integrated across all content fields with headings, formatting, lists, code blocks with syntax highlighting, link insertion, and direct image upload to AWS S3.
AWS S3 Media Management — All images, documents, and files are stored on S3 with organized folder structure. Multi-file gallery uploads with drag-to-reorder support.
GitHub Contribution Graph — Real-time contribution heatmap fetched via GitHub's GraphQL API through a backend proxy, cached hourly, with theme-aware colors matching GitHub's design.
Full SEO Suite — JSON-LD structured data (Person, WebSite, BlogPosting, CreativeWork, BreadcrumbList), dynamic sitemap.xml with image sitemaps, robots.txt, llms.txt for AI crawlers, Open Graph and Twitter Card meta tags on every page, canonical URLs, and Google Analytics GA4 integration.
Dark/Light Theme — System-aware theme toggle with smooth transitions and consistent design tokens across all components.
Production Deployment — Multi-stage Docker builds, docker-compose orchestration with queue workers and scheduler, automated deploy script with migration and cache optimization, SSL auto-renewal via Certbot.
Laravel 13, PHP 8.4, Next.js 16, React 19, TypeScript, Tailwind CSS 4, Framer Motion, TipTap, MySQL 8.0, Redis 7, AWS S3, Docker, Nginx, Let's Encrypt, GitHub GraphQL API
A modular, AI-powered SaaS ERP platform with microservices architecture — unifying HRM, Finance, CRM, Approvals, Drive, Mail, and a Customer Portal into one seamless, scalable system with real-time cross-service intelligence.
A multi-tenant SaaS ERP platform built for automotive dealerships — covering CRM, inventory, finance, HR, procurement, logistics, and more with AI integration, workflow automation, and role-based access across 10+ modules and 150+ data models.
Full-stack insurance claims platform connecting companies with adjusters. Features an 11-gate smart assignment engine, compliance management, real-time chat, wallet & membership system, state licensing, and a React Native mobile app for field adjusters.