Ticket To The Moon
Multi-language (EN/FR/DE), multi-currency (EUR/USD/GBP) Nuxt 2 e-commerce PWA for Ticket To The Moon, a Bali-based outdoor gear brand. Customers browse, customize, and purchase hammocks through a visual product builder w…
This project is a legit production system — the UI is internal/confidential so screenshots aren't available.
E-Commerce
13 technologies
Multi-language (EN/FR/DE), multi-currency (EUR/USD/GBP) Nuxt 2 e-commerce PWA for Ticket To The Moon, a Bali-based outdoor gear brand. Customers browse, customize, and purchase hammocks through a visual product builder with real-time SVG rendering.
Problem
Selling highly customizable products (color, size, accessories) required a rich interactive configurator, not a static product page
Global audience demanded seamless multi-currency/lingual support without compromising SSR performance
Approach
Nuxt 2 SSR with Vuex state management, backed by a headless REST API for CMS, products, auth, and orders
Custom visual product builder using SVG color overlays for real-time hammock customization
Dual payment gateway integration (Stripe with 3DS, PayPal) with backend-validated checkout
Ambassador/affiliate dashboard with community orders, redeem history, and PayPal withdrawals
Modular layout system (guest, auth, public), Axios interceptors for auth/cart hydration, and cookie-based currency switching
Impact
Single codebase serving three markets across Europe with localized pricing, content, and shipping
Two payment gateways with proper error handling and 3D Secure support reduced checkout friction
Stack
- Vue 2
- Nuxt 2 (SSR)
- Vuex
- BootstrapVue
- @nuxtjs/i18n
- vee-validate
- Axios
- Stripe
- PayPal
- Google reCAPTCHA
- Google Maps
- vue-owl-carousel
- moment.js
