A modern, responsive e-commerce platform for tobacco products built with Next.js App Router.
🔗 Live Demo: vapora.pepedemo.ir
- 🛒 Product Catalog – Browse tobacco products with detailed listings and filtering
- ⭐ Customer Reviews – Integrated review system for product feedback
- 🎨 Theme Switching – Light/Dark mode support with persistent preference
- 📱 Fully Responsive – Mobile-first design optimized for all screen sizes
- 🎭 Animated Sections – Smooth transitions and micro-interactions for enhanced UX
- 📞 Contact Capabilities – Built-in contact form and inquiry system
- 🧩 Component Library – Comprehensive shadcn/ui-based component architecture
- ⚡ Performance Optimized – Server Components, image optimization, and code splitting
| Category | Technology |
|---|---|
| Framework | Next.js (App Router) |
| Language | TypeScript |
| Styling | Tailwind CSS + shadcn/ui |
| UI Components | shadcn/ui + Radix Primitives |
| Deployment | Custom Domain |
| License | MIT |
- Node.js 18+
- npm / yarn / pnpm / bun
# Clone the repository
git clone https://github.com/foadEbrahimi/Vapora.git
cd Vapora
# Install dependencies
npm install
# Start development server
npm run devOpen http://localhost:3000 to view the application.
| Command | Description |
|---|---|
npm run dev |
Start development server with hot reload |
npm run build |
Create optimized production build |
npm run start |
Start production server |
npm run lint |
Run ESLint checks |
Vapora/
├── public/ # Static assets & images
├── src/
│ ├── app/ # Next.js App Router pages & layouts
│ ├── components/ # Reusable UI components (shadcn/ui)
│ ├── lib/ # Utility functions & helpers
│ └── styles/ # Global styles & Tailwind config
├── components.json # shadcn/ui configuration
├── next.config.mjs # Next.js configuration
└── package.json # Dependencies & scripts
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the project
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License – see the LICENSE file for details.
Foad Ebrahimi
Frontend Developer | React & Next.js Ecosystem
Built with ❤️ by Foad Ebrahimi & Nyx-Studio