Yousuf Living
Workshop-Direct E-Commerce Store for Custom Bedroom & Living Sets
Free & Open Architecture Alternative To:
💰 Value & Cost Savings Comparison
Traditional Industry Solution
Commercial Retail Showrooms
100% - 200% markup above manufacturing
This Project (By Owais Abdullah)
Direct Workshop Pricing + Free Code Architecture
Saves homeowners 40% - 60% on custom furniture
🎯 Pain Points Solved
Why this project was built and the operational friction it eliminates:
The Problem
Retail furniture showrooms mark up prices by 100–200% over manufacturing costs while offering zero flexibility on dimensions.
The Solution
Yousuf Living delivers workshop-direct pricing with made-to-order sizing for beds, wardrobes, and dressing tables.
The Problem
Furniture shoppers require personalized material consultation (wood polish, fabric swatches) that static checkout carts fail to provide.
The Solution
Direct 1-click WhatsApp checkout pre-filling custom item specs and routing shoppers immediately to workshop master craftsmen.
⚡ Core Capabilities & Architecture
Built with Next.js App Router for blazing performance and instant page loads. Tailwind CSS ensures clean, luxury-feel responsiveness across mobile and desktop. Dynamic product metadata enables high search rankings for local furniture queries.
- ✔Interactive Sizing & Polish Selectors: Choose King/Queen dimensions, wood finishes, and headboard fabrics
- ✔Transparent Pricing Breakdown: Upfront pricing showing savings compared to retail showroom averages
- ✔1-Click WhatsApp Ordering: Smooth customer handoff pre-filling full item specs directly into WhatsApp chat
- ✔Sanity Headless CMS: Dynamic catalogue and furniture collections managed in real time
- ✔High-Res Visual Gallery: Real workshop photography showing timber grain, joints, and finish details
🛠️ How to Setup & Run Locally
Quick-start guide to clone, configure, and execute this project in your own environment:
Prerequisites
- Node.js 18+ and npm
- Sanity.io account
Key Environment Variables (.env)
| Variable | Description | Example / Format |
|---|---|---|
| NEXT_PUBLIC_SANITY_PROJECT_ID | Sanity Project ID | xyz... |
| NEXT_PUBLIC_SANITY_DATASET | Sanity Dataset | production |
| SANITY_API_READ_TOKEN | Sanity read token for live catalogue fetching | sk... |
| DATABASE_URL | Database URL for order and customer records | postgres://... |
Execution Steps
1.Clone repository
git clone https://github.com/MrOwaisAbdullah/Furniture-Site.git
cd Furniture-Site2.Install dependencies
npm install3.Configure environment variables
cp .env.example .env.localSet your Sanity project ID and database credentials.
4.Run development server
npm run dev🗺️ Project Roadmap & Planned Improvements
Current release progress and planned future enhancements:
3D WebGL Room Visualizer
Interactive 3D model viewer allowing customers to rotate and preview furniture in virtual rooms.
Order Production Tracking
Real-time tracker letting customers view woodworking, polishing, and delivery stages with photo updates.
License, Fair Use & Attribution Terms
Creative Commons Attribution-NonCommercial 4.0 (CC BY-NC 4.0)
Free for personal, learning, and portfolio examination with mandatory credit to Owais Abdullah.