Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jeffhollan/vue-shop-demo
Fork of Sarah Drasner Stripe payments sample
https://github.com/jeffhollan/vue-shop-demo
Last synced: 3 days ago
JSON representation
Fork of Sarah Drasner Stripe payments sample
- Host: GitHub
- URL: https://github.com/jeffhollan/vue-shop-demo
- Owner: jeffhollan
- License: mit
- Created: 2018-05-07T15:39:08.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2018-05-16T02:47:43.000Z (over 6 years ago)
- Last Synced: 2025-01-23T00:45:11.444Z (4 days ago)
- Language: Vue
- Size: 1.13 MB
- Stars: 2
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Vue Sample Shop
This small demo shows how to accept payments with stripe with Vue.js using a
serverless function. It's actually not that bad to set up! The shop also shows
how a number of concepts work in Vue. Server side rendering and routing is done
with Nuxt.js. Centralized state management with Vuex for product details. Of
note, using computed properties, `.sync`, CSS Grid, and `transition-group`.Live demo at
[https://shoppity.azurewebsites.net/](https://shoppity.azurewebsites.net/)Articles explaining the demo will be available soon at
[https://css-tricks.com/](https://css-tricks.com/)The serverless function is open source as well, available at this repo
[https://github.com/sdras/sample-stripe-handler](https://github.com/sdras/sample-stripe-handler)![Vue stripe sample shop](https://image.ibb.co/hYi7nm/shop_demo.gif "Vue Stripe Sample Shop")
## Build Setup
```bash
# install dependencies
$ npm install # Or yarn# serve with hot reload at localhost:3000
$ npm run dev# generate static project, get ready for launch on app services
$ npm run generate
```