Home›Projects›Ashhab Medical Supplies
Live2022 · rebuilt 2026GenAI-augmented rebuild
Visit site ↗← All projects

Ashhab Medical
Supplies

A medical e-commerce platform first shipped in 2022 — then redesigned and rebuilt from scratch in 2026: a Laravel REST API, a purpose-built admin CMS, and a mobile-first TanStack Start storefront, self-hosted with fully automated CI/CD.

Timeline2022 · rebuilt 2026
RoleSolo developer
TypeClient project
www.ashhab.net
Ashhab Medical Supplies storefront

Overview

Ashhab Medical Supplies first went online in 2022 — an off-the-shelf theme (storefront and admin) that was heavily customized, with the frontend hosted on Vercel and a Laravel API on Linode managed with Laravel Forge. Not a bad setup: it was already mobile-first and served the store well. But it was missing essentials — mainly the design needed real improvement, and there was no deployment automation. In 2026 the site was redesigned and rebuilt from scratch — storefront, admin and infrastructure.

The project is structured as a monorepo with a bash bootstrap script that clones, installs, and wires up all three sub-projects in one step — onboarding and local development stay fast.

The 2026 rebuild

The new design was created with Claude Design, refined over multiple iterations. The build itself ran on a GenAI-augmented workflow — architecture, scaffolding and docs accelerated by AI, with senior review on every line — applying current best practices and standards across the board.

 2022 site2026 rebuild
PlatformOff-the-shelf theme (store + admin), heavily customizedCustom Laravel API + TanStack Start
DesignMobile-first, but needed improvementClaude Design, multiple iterations
AdminCustomized theme admin, still genericPurpose-built CMS for the store team
HostingVercel + Linode with Laravel ForgeSelf-hosted Hetzner, customized Coolify
DeliveryManual deploys, no automationLint + test + e2e gates → auto-deploy
WorkflowConventional buildGenAI-augmented, senior-reviewed

Architecture

  • API — Laravel RESTful API handling business logic, authentication, products, orders, and checkout. Secured with Laravel Sanctum and role-based gates/policies.
  • Admin CMS — consumes the API, giving store managers full control over products (including variable types), orders, and customers.
  • Storefront — TanStack Start with Tailwind CSS, optimised for mobile-first browsing and SEO. Customer sign-up, authentication, cart, and checkout flows.

Deployment & CI/CD

Self-hosted on a Hetzner server managed with Coolify — the open-source server management platform, customized and set up for this project — optimised for docker-compose deployments. Every push to GitHub runs quality gates on GitHub Actions for both frontend and backend — lint, tests, and an e2e pipeline — and only after every stage passes does the deploy to Coolify go out. Commit to live with zero manual steps, and no gate skipped.

Key features

  • Customer authentication and account management
  • Simple and variable product types
  • Cart and multi-step checkout
  • Mobile-first, responsive storefront
  • SEO-optimised pages with meta, OG, and structured data
  • Lint, test and e2e quality gates before every deploy

Tech stack

TanStack StartLaravelTailwind CSSREST APIGitHub ActionsDocker ComposeCoolifyHetznerCloudflareSEO