Floristeria22: Cutting-Edge E-commerce Engineering (Next.js & Edge)
Boutique e-commerce development (Next.js & Edge). Load time reduced to 0.8s (TTFB < 50ms) and 140% increase in mobile conversion by eliminating checkout friction.
The Architectural Challenge
Building a boutique e-commerce for a high-end florist in Sofia (Bulgaria) requires a very different approach than installing a conventional Shopify or WooCommerce template. The client needed a system capable of managing perishable inventory with instantaneous updates, an extremely polished visual interface with complex transitions, and ultra-fast order logistics.
We chose to discard any traditional monolith and build a decentralized (Headless) architecture from scratch, maximizing performance (near-zero TTFB) and total control over the user experience.
Core Stack & Technical Specifications
graph TD
Client["Client (Mobile/Web)"] --> Cloudflare["Cloudflare Edge Network"]
Cloudflare --> NextJS["Next.js 15 (App Router)"]
NextJS --- Sanity["Sanity CMS (Headless)"]
NextJS --- Stripe["Stripe Embedded Checkout"]
NextJS --> Telegram["Telegram API (Webhooks)"]
1. Frontend Framework: Next.js 15 (App Router)
The core of the platform is built on the latest version of Next.js. This decision allowed us to leverage hybrid rendering: deep static site generation (SSG) for the flower catalog (maximizing SEO) and server-side rendering (SSR) for checkout flows and cart management.
2. Edge Infrastructure: Cloudflare Pages / Workers
Unlike monolithic Node.js deployments, Floristeria22 is compiled using OpenNext and deployed directly to Cloudflare’s Edge network. This means the store runs on thousands of nodes around the world simultaneously. The result is instant load times, vital to prevent cart abandonment on mobile devices.
3. Management System (Headless CMS): Sanity
We rejected outdated administration panels. We integrated Sanity CMS, allowing us to create a custom administrative dashboard at /admin. From here, the team can update prices, manage seasonal flower variations, and control dynamic content using strictly typed schemas.
4. Payment Engine and Transactional Security
Financial security is fully delegated to Stripe (Embedded Checkout). This native implementation ensures a frictionless conversion flow without external redirects, keeping the customer within the boutique experience at all times and ensuring PCI-DSS compliance.
Logistics Innovation: Telegram API Integration
Managing fresh flowers requires immediate logistics. Instead of relying on email notifications (which are often delayed or lost in spam folders), we developed a native integration with the Telegram API.
Every time a customer in Sofia completes an order, the system automatically triggers a webhook that instantly alerts the floral team on their mobile devices with the exact details of the order, guaranteeing a logistical response in less than a minute.
Micro-Interactions and UI Quality
A luxury product demands a luxury interface. The visual layer was built using Tailwind CSS and Framer Motion to choreograph fluid micro-animations when navigating between floral arrangements. In addition, real-time data validation was implemented using Zod and ultra-lightweight global state management with Zustand.
Floristeria22 is not just a website; it is a digital asset designed with mathematical rigor to scale and dominate its local sector without technological bottlenecks.