Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/strapi/strapi-starter-nuxt-e-commerce
Strapi Starter Nuxt.js E-commerce
https://github.com/strapi/strapi-starter-nuxt-e-commerce
ecommerce nuxt starter strapi
Last synced: about 2 months ago
JSON representation
Strapi Starter Nuxt.js E-commerce
- Host: GitHub
- URL: https://github.com/strapi/strapi-starter-nuxt-e-commerce
- Owner: strapi
- License: mit
- Archived: true
- Created: 2020-08-17T14:34:44.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2022-03-28T16:09:23.000Z (over 2 years ago)
- Last Synced: 2024-07-04T02:14:04.782Z (2 months ago)
- Topics: ecommerce, nuxt, starter, strapi
- Language: Vue
- Homepage: https://strapi-starter-nuxt-e-commerce-iota.vercel.app/
- Size: 2.78 MB
- Stars: 178
- Watchers: 20
- Forks: 45
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
- awesome-strapi - Nuxt E-commerce - Starter Nuxt.js E-commerce. (Strapi v3 / Starters & Examples - v3)
README
**:no_entry: Deprecated**
This repository is no longer maintained and only works for Strapi v3. To find the newest Strapi v4 starters, check out the [starters-and-templates monorepo](https://github.com/strapi/starters-and-templates/).
---
# Strapi Starter Nuxt.js E-commerce
Nuxt.js starter for creating a simple e-commerce website with Strapi.
This starter allows you to try Strapi with Nuxt.js with the example of a simple e-commerce website where you can buy dev stickers. It is fully customizable and due to the fact that it is open source, fully open to contributions. So do not hesitate to add new features and report bugs!
This starter uses the [Strapi corporate template](https://github.com/strapi/strapi-template-ecommerce)
Check out all of our starters [here](https://strapi.io/starters)
## Features
- 1 Component
- 2 Collection types: Product, Category
- 27 Created products
- 6 Created categories
- Permissions set to `true` for product and category
- Responsive design using Tailwind css
- Slug system
- Publication system (draft & published)
- Role based access controls
- [@nuxt/strapi](https://strapi.nuxtjs.org/) module on the frontend
- Payments handled with Snipcart
This starter is using [Snipcart](https://snipcart.com/) which allows you setup a shopping cart on any website. They wrote a [tutorial](https://snipcart.com/blog/strapi-nuxt-ecommerce-tutorial) teaching you how to create this website but selling cupcakes!
Payment will not work on localhost, we are redirecting you to this [tutorial](https://snipcart.com/blog/develop-a-snipcart-powered-website-locally-using-ngrok) if you want to test payment locally.
## Getting started
Use our `create-strapi-starter` CLI to create your project.
```sh
npx create-strapi-starter@3 my-site nuxt-e-commerce
```
The CLI will create a monorepo, install dependencies, and run your project automatically.
The Nuxt frontend server will run here => [http://localhost:3000](http://localhost:3000)
The Strapi backend server will run here => [http://localhost:1337](http://localhost:1337)
## Deploying to production
You will need to deploy the `frontend` and `backend` projects separately. Here are the docs to deploy each one:
- [Deploy Strapi](https://strapi.io/documentation/developer-docs/latest/setup-deployment-guides/deployment.html#hosting-provider-guides)
- [Deploy Nuxt](https://nuxtjs.org/docs/2.x/deployment/deploying-to-21yunbox)
Don't forget to setup the environment variables on your production app:
For the frontend the following environment variable is required:
- `API_URL`: URL of your Strapi backend, without trailing slash
Enjoy this starter!