Oasis – Nuxt.js Modern Furniture eCommerce Template

Oasis is a modern Nuxt.js eCommerce template designed for furniture and decor brands. Built with Vue 3, Tailwind CSS, SSR performance, and clean modular code. Engineered with performance and SEO in mind, Oasis combines server-side rendering (SSR) for instant page loads and optimal search engine crawlability with an aesthetic, minimalist editorial design inspired by modern Scandinavian and architectural aesthetics. ### ✨ Key Features - Server-Side Rendered (SSR) for Maximum SEO: Ultra-fast initial page loads and crawlable product pages designed to score high on Google Core Web Vitals. - Editorial Modern Aesthetic: High-impact hero sections, spacious product grids, and refined typography tailored for lifestyle photography. - Interactive Product Gallery: Multi-angle image switcher, thumbnail carousel, and product detail view built for physical products. - Streamlined Shopping Cart Flow: Slide-over drawer cart, order subtotal calculation, and frictionless checkout-ready layout. - Category & Collection Filtering: Filter by room (Living Room, Bedroom, Dining, Office), price, and availability. - 100% Responsive & Mobile-First: Tested across mobile, tablet, and desktop viewports. - Accessible & Clean Codebase: Semantic HTML5 markup with zero bloat. ### 🛠️ Tech Stack & Architecture - Framework: Nuxt.js (Nuxt 3) with Vue 3 Composition API (script setup) - Styling: Tailwind CSS with custom design tokens for rapid theme customization - State Management: Pinia store for persistent cart and UI state - TypeScript: Typed props, product interfaces, and modular component architecture - Icons: Crisp, lightweight SVG iconography ### 📦 Included Pages & Layouts 1. Homepage: Hero collection banner, curated product showcase, brand story section, and newsletter subscription. 2. Product Catalog: Grid layout with sort-by controls and responsive sidebar filters. 3. Product Detail Page (PDP): Multi-image preview gallery