Pietro Fiorillo × Los Luises Sublimación

Los Luises is a sublimation and printing workshop with more than 26 years of history. It sells customizable products, where the price depends on print area, quantity and size, and stock products. It needed an online storefront that conveys trust and ranks on Google, a way to change prices, offers and availability without depending on a developer, a purchase flow that matches how it already sells (coordinating the order on WhatsApp), automatic discounts for large orders and low maintenance cost, with no server of its own.

1. 01A high-performance static site: Next.js exported to HTML, with product pages generated at build time for speed, SEO and almost zero cost.
2. 02Listings, search and filters (category, material, price and sorting) that read Firestore in the browser and reflect price or stock changes instantly.
3. 03A product page with gallery, color and size selectors, a print-area selector with a surcharge per zone and a size by color matrix for group orders.
4. 04Automatic volume discounts with a notice of how many units are missing for the next tier, and a checkout that builds the full order and sends it over WhatsApp.
5. 05A private /admin panel to create, edit and delete products, upload photos, control price, offers, availability and featured items, and load custom technical details and FAQs.
6. 06Automatic rebuilds: a Cloud Function listens to every Firestore write and triggers Cloud Build, which regenerates the HTML, sitemap and structured data and republishes to Firebase Hosting.
7. 07Technical SEO from day one: per-page metadata, LocalBusiness and Product JSON-LD with ARS price and real availability, a dynamic sitemap and a robots.txt that excludes cart, checkout and admin.

1. ◆/admin panel: the client edits a product
2. ↳Firestore + Cloud Function
3. ↳Cloud Build: next build and deploy
4. ↳Firebase Hosting (CDN)

• Next.js 16
• React 19
• TypeScript
• Tailwind CSS 4
• Zustand
• Firestore
• Firebase Auth
• Firebase Storage
• Firebase Hosting
• Cloud Functions
• Cloud Build
• Secret Manager

• A static site with live data: it avoids both a server to maintain and stale information.
• Firebase Admin SDK during the build and the client SDK in the browser: each read uses the right tool.
• Layered security: public read of products only, write only for authenticated users, the panel set to noindex and credentials in Secret Manager, never in the repository.
• Business rules (discounts, effective prices and area surcharges) isolated in pure functions that are easy to test.