Domain Planning & Architecture
"Securing our online headquarters. Building the digital infrastructure for emotional validation."
emosupportapparel.com
Main Shopify storefront. Houses all branded collections, bundles, and direct-to-garment premium product pages.
/apps/custom-designer
App proxy mapping that tunnels our high-performance Node.js custom tool (port 3000) directly into our primary domain.
Secondary Domains
Redirecting traffic from `.co`, `.club`, `.care`, and `.info` properties directly to primary domain to prevent copycats.
DNS Configuration Matrix
Shopify Primary Mapping Configuration
| Type | Host / Name | Value / Target | TTL | Status |
|---|---|---|---|---|
| A | @ | 23.227.38.65 (Shopify Primary IP) | Automatic | ✓ Verified |
| CNAME | www | shops.myshopify.com | Automatic | ✓ Verified |
| TXT | @ | shopify-verification-hash-kd2026 | 3600 | ✓ Verified |
| MX | @ | aspmx.l.google.com (GSuite mail setup) | 1 Hour | ✓ Active |
Custom Sublimation Integration Plan
To keep the user-facing storefront on a single premium origin (emosupportapparel.com) while leveraging our robust live customization tool, we will deploy a **Shopify App Proxy** architecture. This avoids any cross-domain CORS issues, increases search authority, and provides a completely seamless experience.
Proxy Mapping
In Shopify App Settings, map path /apps/custom-designer directly to our standalone server endpoint on port 3000.
Secure Uploads
Customer images are read via JavaScript FileReader, uploaded securely to Cloudinary/S3 storage buckets via signed API routes.
Cart Injection
The live design outputs an absolute image URL and text layer properties which are injected directly as Shopify "Line Item Properties" in the cart AJAX request.
Full Sublimation
Our fulfillment center fetches high-resolution print assets directly from the order payload for accurate 2026 dye sublimation printing.
Launch Timeline Roadmap
Countdown to 2026 Public Beta
Brand Blueprint
Defined wittiness parameters, color palette, logo assets & domain safe-guard plan.
Creative Assets
Writing premium copy, witty tags, and designing high-fidelity homepage mockups.
Storefront Foundation
Scaffolding core Shopify templates, custom designer tool, routing, and DNS mapping plans.
Beta Trials
Injecting real custom orders into sandbox print runs to stress-test high-resolution sublimation.
Public Release
Opening direct shopping and viral social media campaigns. Validation not included.
Vercel & Stripe Integration Operational Hub
How our zero-maintenance, zero-fee Node.js/Express backend integrates with Vercel Serverless Functions and Stripe Checkout.
Zero-Fee Hosting on Vercel
To maintain a fully custom storefront without paying Shopify's monthly subscription fees, our Node.js/Express application is packaged for deployment to Vercel's **free tier**.
Express Routing Tunnel
Vercel handles routing dynamically via vercel.json, tunnel-mapping all wildcards to our Express serverless entry point.
Deployment Command
No Git repository is required. The application can be deployed securely from any terminal by typing: npx vercel --prod.
Apex Domain Support
Vercel handles root domains with zero fees. Map emosupportapparel.com directly using Vercel DNS servers or an A record.
Active Stripe Checkout Session Integration
Our payment system is completely integrated. Clicking a checkout button immediately contacts the Stripe API to create a secure checkout session, routing the customer directly to Stripe's secure PCI-compliant page.
Sublimation Metadata Ingestion
Custom texts, font selections, uploaded image URLs, sizes, and colors are parsed and written as **Stripe Session Metadata**, which is visible inside our Stripe Merchant Dashboard.
Resilient Dual-Mode Execution
When the Stripe Secret Key is absent, checkout seamlessly falls back to a **Simulated Stripe Checkout**, demonstrating our receipt processing and EJS receipt templates.
Dynamic Order Receipts
Once payment is complete, customers redirect to a beautifully designed order success receipt, dynamically displaying their printed slogan and order details.
Mapping emosupportapparel.com
To redirect traffic to Vercel instead of Shopify, the owner must update their DNS settings at their domain registrar (e.g., GoDaddy, Namecheap) to map to these records:
Fulfilling Custom Sublimation Orders
When an order is received, our system forwards the detailed customer design parameters directly to your Stripe Dashboard. To manufacture the custom garments, perform these steps:
Log in to your **Stripe Dashboard** (dashboard.stripe.com) and navigate to **Payments**.
Select any transaction. Scroll down to the **Metadata** block to inspect color, size, customText, and customImage parameters.
For custom images, copy the absolute data URL or storage link from the metadata field to fetch the exact customer-uploaded graphic asset.
Dye-sublimation print the graphics directly onto our premium-grade cream/charcoal garments according to the specified size and specs.