https://github.com/rafaumeu/ecommerce-next
DevStore: Next.js e-commerce for developers. Cutting-edge platform with TypeScript, Tailwind CSS, and advanced cart management. Responsive, high-performance shopping experience designed specifically for tech professionals. Modern web technologies meet seamless online shopping.
https://github.com/rafaumeu/ecommerce-next
Last synced: 3 months ago
JSON representation
DevStore: Next.js e-commerce for developers. Cutting-edge platform with TypeScript, Tailwind CSS, and advanced cart management. Responsive, high-performance shopping experience designed specifically for tech professionals. Modern web technologies meet seamless online shopping.
- Host: GitHub
- URL: https://github.com/rafaumeu/ecommerce-next
- Owner: rafaumeu
- Created: 2024-11-06T01:47:35.000Z (7 months ago)
- Default Branch: master
- Last Pushed: 2025-01-06T23:17:25.000Z (5 months ago)
- Last Synced: 2025-01-26T19:16:52.593Z (5 months ago)
- Language: TypeScript
- Homepage: https://devstorerdz.netlify.app/
- Size: 8.13 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# DevStore - Next.js E-commerce
## 📦 Project Overview
DevStore is a Next.js e-commerce project focused on developer products, featuring modern frontend resources and cart management.
## 🚀 Technologies Used
- **Framework**: Next.js
- **Language**: TypeScript
- **Styling**: Tailwind CSS
- **State Management**: Context API
- **Validation**: Zod
- **Icons**: Lucide React
## ✨ Features
- 🛒 Shopping cart
- 🔍 Product search
- 📱 Responsive layout
- 🖼️ Optimized images
- ⚡ Performance optimization
- 🌐 Dynamic routing
## 🛠️ Installation
### Prerequisites
- Node.js (version 18 or higher)
- npm or yarn
### Installation Steps
1. Clone the repository
```bash
git clone https://github.com/your-username/devstore.git
```
2. Install dependencies
```bash
cd devstore
npm install
# or
yarn install
```
3. Copy environment file
```bash
cp .env.example .env.local
```
4. Start development server
```bash
npm run dev
# or
yarn dev
```
## 📂 Project Structure
```
src/
├── app/
│ ├── (store)/
│ │ ├── product/
│ │ └── search/
├── components/
├── contexts/
├── data/
└── styles/
```
## 🌟 Key Components
- `Header`: Header with search and cart
- `CartWidget`: Displays cart items
- `SearchForm`: Search form
- `AddToCartButton`: Product add to cart button
## 🔧 Available Scripts
- `dev`: Start development server
- `build`: Compile for production
- `start`: Start production server
- `lint`: Run linter
## 🚀 Deployment
Configured for easy deployment on platforms like Vercel.
## 📝 Environment Variables
- `NEXT_PUBLIC_API_BASE_URL`: API base URL
- `APP_URL`: Application URL
## 👥 Contribution
1. Fork the project
2. Create your feature branch (`git checkout -b feature/new-feature`)
3. Commit your changes (`git commit -m 'Add new feature'`)
4. Push to the branch (`git push origin feature/new-feature`)
5. Open a Pull Request
## 📄 License
Distributed under the MIT License.