What challenge does Nakawé solve for artisans?
It provides a direct, modern, and reliable digital storefront for premium handmade textiles, bypassing predatory middlemen and celebrating cultural craftsmanship.
Nakawé · Full-Stack Artisan E-Commerce
Textile identity, preserving authentic roots.
Nakawé unites the richness of traditional Mexican artisan craft with modern e-commerce engineering: dynamic garment catalog, interactive variant selection, persistent cart, and secure dual-gateway payments via Stripe and PayPal.
Explore the platform
Completed Project · 2025
- Product
- Artisan E-Commerce & Fashion
- Stack
- Next.js · React · TypeScript
- Database
- Neon PostgreSQL Serverless
- Gateways
- Stripe & PayPal Checkout
01 · Propuesta de valor
A digital space created to celebrate artisan craftsmanship.
Nakawé was designed to overcome the limitations of generic storefronts. Every collection, garment, and variant tells a textile story, backed by fast checkouts, dependable inventory control, and transaction integrity.
The platform balances visual aesthetics honoring the textile traditions of Chiapas and Mexican artisan heritage with demanding engineering standards: React Server Components for near-instant loads, a serverless relational database for strict stock tracking, and idempotent webhooks for zero payment discrepancies.
- 01
Catalog & Collections
Structured discovery across product lines, traditional garments, and accessories with instant filters.
- 02
Smooth & Safe Checkout
Size selection, reactive cart, order persistence, and dual payment options with Stripe and PayPal.
- 03
Community & Culture
Integrated editorial platform with a digital magazine and open calls for artisans and workshops.
02 · Flujo transaccional
From textile discovery to order tracking.
Every step is optimized to earn buyer confidence while safeguarding the transactional consistency of each order.
- 01
Explore
Intuitive navigation across thematic collections and artisan categories.
- 02
Customize
Review specifications, embroidery close-ups, and choose exact sizes.
- 03
Transact
Atomic cart with live subtotal calculation, coupons, and stock verification.
- 04
Pay & Track
Secure checkout via card (Stripe) or PayPal, with continuous order history updates.
03 · Catálogo y ficha técnica
A clean storefront where every garment reveals its craftsmanship.
The visual design foregrounds authentic textile photography and clear pricing, sizing, and variants. Purchase controls remain right at hand without distracting from the artistic work.
04 · Adaptabilidad móvil
Navigation, collection filters, and product details reflow gracefully into a vertical layout. Interactive buttons meet generous 48px hit areas for effortless single-handed navigation.
05 · Flujo de compra y cliente
Cart, wishlists, and complete order traceability.
The purchasing path removes friction: the cart clearly itemizes units and subtotals, saved favorites allow effortless bookmarking, and the orders portal keeps buyers updated on delivery progress.
06 · Decisiones técnicas
Modern architecture, serverless persistence, and verified payments.
Next.js manages high-performance rendering across client and server; Neon PostgreSQL supplies an elastic serverless relational database with high availability.
- 01
Frontend & Rendering
Next.js App Router with Server Components and Tailwind CSS for minimal load times.
- 02
Relational Data
Neon PostgreSQL with robust schemas for users, products, variants, and orders.
- 03
Dual Gateways
Deep integration of Stripe and PayPal with server validation and idempotent webhooks.
- 04
Edge Infrastructure
Cloud infrastructure through Cloudflare and Vercel for global asset caching and resilience.
07 · Proceso de diseño
From Figma wireframes to production design system.
Interactive prototyping and a modular styling architecture for the product.
Nakawé's development began with high-fidelity prototypes in Figma to define visual hierarchy, typography, and navigation flows prior to code. During technical implementation, a pragmatic split was adopted: Tailwind CSS was used for small, repetitive, utility-driven micro-components, while core views, garment detail sheets, and central layouts relied on pure CSS Modules to guarantee strict isolation, clean specificity, and pixel-precise control.
08 · Cultura y gestión
Community, cultural magazine, and platform governance.
Nakawé extends beyond commerce: it features a digital magazine highlighting folk textile heritage and an open calls section for local craftspeople, managed via an administrative user dashboard.
09 · Preguntas frecuentes
Frequently asked questions about Nakawé.
Direct insights into the platform architecture, payment consistency, and engineering decisions.
How does Nakawé handle payment consistency?
The client never marks an order as paid independently. Server-side webhooks from Stripe and PayPal confirm amount and currency before releasing stock and generating receipts.
Why was Neon PostgreSQL chosen?
Neon offers serverless Postgres with database branching for testing, instant scaling during sales spikes, and ACID guarantees necessary for reliable inventory.
How was styling divided between Tailwind CSS and CSS Modules?
A pragmatic technical separation was adopted: Tailwind CSS for UI atoms, badges, and reusable micro-components where atomic utilities accelerate development, and pure CSS Modules for full page layouts, garment detail views, and complex structures, avoiding class bloat and specificity collisions.
Modern web technology honoring traditional heritage.
Nakawé demonstrates that e-commerce can elevate cultural preservation through a fast, transparent, and accessible shopping journey across all devices.