Skip to content
A sample shop that shows how to manage payments with Vue, Stripe, and Serverless Functions
Branch: master
Clone or download
sdras Merge pull request #11 from ifyour/master
Optimize the navigation style
Latest commit d1c9987 Mar 31, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
components optimize the navigation style Mar 31, 2018
dist nuxt generate --spa Nov 28, 2017
layouts nuxt generate debug Nov 28, 2017
pages simplify product list properties Dec 4, 2017
static implement footer Nov 26, 2017
store add filter helper for store Dec 4, 2017
.deployment
.editorconfig
.eslintrc.js
.gitignore
CODE_OF_CONDUCT.md Create Code of Conduct Dec 5, 2017
LICENSE
README.md update readme, remove nuxt start Dec 5, 2017
deploy.cmd get ready for deployment Nov 28, 2017
nuxt.config.js
package.json
web.config
yarn.lock

README.md

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/

Articles explaining the demo will be available soon at https://css-tricks.com/

The serverless function is open source as well, available at this repo https://github.com/sdras/sample-stripe-handler

Vue stripe sample shop

Build Setup

# 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
You can’t perform that action at this time.