https://github.com/atalek/nuxtshop
Nuxtshop ecommerce webapp built with Nuxt3
https://github.com/atalek/nuxtshop
bootstrap5 full-stack hybrid node nuxt nuxtjs pinia ssr vue vuejs
Last synced: about 1 year ago
JSON representation
Nuxtshop ecommerce webapp built with Nuxt3
- Host: GitHub
- URL: https://github.com/atalek/nuxtshop
- Owner: atalek
- License: mit
- Created: 2023-10-13T23:36:44.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-08-26T22:20:42.000Z (almost 2 years ago)
- Last Synced: 2025-05-07T12:56:15.313Z (about 1 year ago)
- Topics: bootstrap5, full-stack, hybrid, node, nuxt, nuxtjs, pinia, ssr, vue, vuejs
- Language: Vue
- Homepage: https://nuxtshop.atalek.com
- Size: 2.02 MB
- Stars: 6
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# NuxtShop eCommerce Platform
Inspired by Traversy Media's ProShop v2 course, rebuilt fully with Nuxt 3.
## Features
- Full featured shopping cart
- Product reviews and ratings
- Top products carousel
- Product pagination
- Product search feature
- User profile with orders
- Admin product management
- Admin user management
- Admin Order details page
- Mark orders as delivered option
- Checkout process (shipping, payment method, etc.)
- Stripe payment integration
## Built with
- Nuxt 3
- MongoDB
- Pinia
- Bootstrap 5
- Cloudinary
- Lucia Auth
- Stripe
## Setup
1. **Clone the repository.**
```bash
git clone https://github.com/atalek/nuxtshop.git
```
2. **Navigate to the project directory.**
```bash
cd nuxtshop
```
3. **Install dependencies.**
```bash
npm install
```
4. **Configure environment variables.**
- Create a `.env` file in the root of the project.
- Add the necessary environment variables.
```env
# Mongodb
MONGODB_URI=your_mongodb_uri
# Stripe
STRIPE_PUBLIC_KEY=your_stripe_public_key
STRIPE_SECRET_KEY=your_stripe_secret_key
STRIPE_WEBHOOK_SECRET=your_stripe_webhook_secret
# Cloudinary
CLOUDINARY=your_cloudinary_base_url
CLOUDINARY_NAME=your_cloud_name
CLOUDINARY_FOLDER=your_cloudinary_folder
# NODE_ENV
NODE_ENV=development
# BASE_URL
BASE_URL = 'http://localhost:3000' for development
```
5. **Run the development server.**
```bash
npm run dev
```
6. **Open your browser and visit http://localhost:3000 to view the eCommerce
webapp.**
## Live Version
[https://nuxtshop.atalek.com/](https://nuxtshop.atalek.com/)
## Author
Github [@atalek](https://github.com/atalek)
Linkedin:
[@Aleksandar Atanasovski](https://www.linkedin.com/in/aleksandar-atanasovski-16b123263/)
Portfolio: [https://www.atalek.com/](https://www.atalek.com/)