TRI-COMA
Loud-luxury cologne e-commerce — Laravel 12 + Filament 3 with a dark glassmorphism storefront.
TRI-COMA is the storefront for an artisanal cologne line built around hemp- and cannabis-derived terpenes. The visual register is "loud luxury" — dark glassmorphism, heavy type, and product photography front-loaded above the fold. The plumbing is a Laravel 12 monolith with a Filament 3 admin for inventory, Stripe Checkout for payments (with encrypted-at-rest tokens), and a small-batch product model where every drop has finite stock.
- PHP 8.3
- Laravel 12
- Filament 3
- Blade
- MySQL 8
- Vite
- Stripe
- nginx
- PHP-FPM
TRI-COMA is the e-commerce storefront for a small-batch cologne line that leans into the "luxury, loud, legit" register — dark glassmorphism, heavy display type, product photography front-loaded above the fold, and a finite-stock model where every drop is genuinely small. The site is the brand's only retail channel.
What's actually wired up
- Laravel 12 monolith with PHP 8.3 on nginx + PHP-FPM — Blade templates for the storefront, eloquent models for products / variants / orders / carts, MySQL 8 underneath. No SPA, no API layer for the retail surface; the form-post-and-redirect rhythm is load-bearing for SEO and just feels right for a cologne-merchant page.
- Filament 3 admin for the back office — product CRUD, inventory, order fulfilment, customer view, content blocks. The whole "shop owner does everything from a single panel" surface lives here.
- Stripe Checkout Sessions for payment — no card data ever lands on the server. Stripe tokens and webhook secrets are encrypted at rest in the database; rotation flows through Filament with a re-encrypt sweep.
- Vite + vanilla CSS for the front end. No React, no Tailwind on the storefront — the glassmorphism look is hand-rolled CSS, layered backgrounds, and a small bundle of vanilla JS for the cart drawer + scroll behaviour.
- Small-batch product model — every fragrance has a finite stock count and a release window. Sold-out variants stay on the page (so the history is visible) but flip to a "notify me" CTA instead of an Add-to-Cart.
Why this stack
Filament collapses what would otherwise be three or four Laravel-Nova-style packages into one admin: products, inventory, order management, and CMS-style content blocks all share the same auth, the same theming, and the same permissioned table primitives. For a one-merchant brand site, that's a fast lane from "Stripe is connected" to "we can run a drop tomorrow."
The terpene angle
The product line itself is the differentiator — colognes blended with hemp- and cannabis-derived terpenes, which sit far enough outside the usual perfumery palette that the brand voice (loud, neon, unapologetic) follows naturally. The storefront leans into that with full-bleed photography, generous black space, and a typographic hierarchy that lets each fragrance carry its own page.
Straight from the source
The project's own README.
Rendered in place — every link, image, and code block carried over from the repo. The page below is what a contributor would see opening the project for the first time.
TRI-COMA
Luxury · Loud · Legit — Premium terpene-infused colognes and perfumes.
About
TRI-COMA is an e-commerce storefront for artisanal, small-batch fragrances made with authentic hemp and cannabis-derived terpenes. Built with Laravel 12, Filament 3, and a dark-luxury glassmorphism design.
Quick Start
See docs/quick-start.md for full onboarding — stack, design system, key models, deployment, and gotchas.
Tech Stack
- Backend: Laravel 12, PHP 8.3, MySQL 8
- Admin: Filament 3
- Frontend: Blade, vanilla CSS/JS, glassmorphism design
- Server: Nginx, PHP-FPM 8.3, Certbot SSL
- Payments: Stripe Checkout Sessions (encrypted in DB)
Commands
This project uses just as a command runner:
just deploy # Full production deployment
just dev # Local development server
just cache # Clear all caches
just test # Run tests
just status # Laravel environment info
See docs/justfile.md for all recipes.
Documentation
| Doc | Purpose |
|---|---|
| docs/quick-start.md | Onboarding guide for devs & AI agents |
| docs/justfile.md | Justfile recipe reference |
| docs/feature/encrypted-settings.md | Encrypted admin settings |
| docs/feature/checkout-flow.md | Checkout hold state & Stripe transition |
| docs/feb-changes/ | Historical sprint planning docs |
Version
Current: v1.0.0 — see /changelog on the live site.
Build something like this
Want a tool like this for your shop?
We've shipped this kind of thing before. Twenty-minute intro call, no slides.