Weefly — Cannabis React JS Template

Power your dispensary with Weefly React — a streamlined cannabis shop template built on React 18 and Vite that takes customers from product discovery to checkout in a buttery-smooth single-page application. Eighteen pages of dispensary design are expressed as functional components using hooks for local state, Context API for cart persistence, and React Router v6 for instant page transitions. Vite ensures your development workflow is as fast as the user experience.

Two homepage options set the tone, three shop sidebar configurations handle merchandising flexibility, and a full cart-to-checkout pipeline handles the purchase flow. An account dashboard, four blog layouts, and authentication pages complete the picture — giving you a full-featured dispensary frontend that only needs an API connection to go live.

Key Features

• React 18 + Vite — Blazing development speed and optimized production bundles
• 18 Functional Components — Complete dispensary experience in composable React pages
• 2 Homepage Designs — Two swappable homepage components for brand identity
• 3 Shop Layouts — Full-width, left sidebar, and right sidebar catalog pages
• Product Detail Component — Image viewer, strain details, and add-to-cart integration
• Cart & Checkout Flow — Context-managed cart state with multi-section checkout form
• Account Dashboard — User profile component with order and preference management
• Blog Components — Article detail, two sidebar layouts, and two-column grid
• Auth Components — Login and signup with controlled inputs and live validation
• React Router v6 — Declarative routing with nested layouts and protected routes
• Context API — Shared state for cart, user session, and shop filters
• CSS Modules / SCSS — Scoped styles preventing global stylesheet pollution
• Lazy Loading — React.lazy with Suspense for route-level code splitting
• Responsive Bootstrap — Mobile-first responsive grid for all screen sizes

Who Is This Template For?

• React Developers — A clean dispensary template to customize and deploy rapidly
• Cannabis E-Commerce Startups — Ship a functional storefront MVP in record time
• Freelancers — Deliver polished dispensary sites to clients with React expertise
• Full-Stack Teams — Connect to Express, Django, or Laravel APIs for live data
• UI/UX Designers — A coded component library matching dispensary design patterns

Pages Included (18)

• index — Hero banner, featured strains, and promotional sections
• homepage-2 — Alternative homepage with different visual tone
• about — Brand story and dispensary values
• shop / shop-left-sidebar / shop-right-sidebar — Three product catalog components
• shop-details — Product page with imagery, specs, and cart button
• cart — Cart component with Context-managed items and totals
• checkout — Multi-section checkout form with validation
• account — User dashboard with profile details
• blog-details — Single article with author and comments
• blog-left-sidebar / blog-right-sidebar — Two sidebar blog layouts
• blog-two-col — Two-column blog grid
• contact — Contact form with map and info
• login — Login form with validation
• signup — Registration form component
• 404 — Custom error page

Template At a Glance

• Category: Cannabis Shop, Dispensary
• Total Pages: 18
• Homepage Variations: 2
• Framework: React 18 with Vite
• Routing: React Router v6
• Styling: SCSS / CSS Modules with Bootstrap
• State Management: React Hooks + Context API
• Responsive: Yes — Mobile, Tablet, Desktop
• Browser Support: Chrome, Firefox, Safari, Edge

Icons

• Font Awesome 5/6
• Flaticon (Cannabis Icons)

Fonts Used

• Google Fonts — Primary and secondary typefaces

Image Credit

• All images used in the preview are for demonstration purposes only and are NOT included in the download package.

Changelog

Version 1.0 (Initial Release)
- React 18 + Vite build with 18 page components
- 2 homepage variations
- Cart and checkout with Context API state
- 3 shop sidebar layouts
- Account dashboard component
- Route-level code splitting