https://github.com/sdras/sample-vue-shop

See readme for newer repo details! A sample shop that shows how to manage payments with Vue, Stripe, and Serverless Functions
https://github.com/sdras/sample-vue-shop

nuxt stripe stripe-checkout stripe-elements stripe-payments vue vue-stripe vue-stripe-payments vuejs

Last synced: about 1 month ago
JSON representation

See readme for newer repo details! A sample shop that shows how to manage payments with Vue, Stripe, and Serverless Functions

• Host: GitHub
• URL: https://github.com/sdras/sample-vue-shop
• Owner: sdras
• License: mit
• Created: 2017-11-24T03:37:11.000Z (almost 7 years ago)
• Default Branch: main
• Last Pushed: 2022-12-07T17:20:07.000Z (almost 2 years ago)
• Last Synced: 2024-09-23T17:33:05.374Z (about 1 month ago)
• Topics: nuxt, stripe, stripe-checkout, stripe-elements, stripe-payments, vue, vue-stripe, vue-stripe-payments, vuejs
• Language: Vue
• Homepage: https://shoppity.azurewebsites.net/
• Size: 1.22 MB
• Stars: 1,211
• Watchers: 48
• Forks: 249
• Open Issues: 23
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome - sdras/sample-vue-shop - See readme for newer repo details! A sample shop that shows how to manage payments with Vue, Stripe, and Serverless Functions (Vue)

README

        
**Note: This repo is no longer being maintained in favor of a newer, improved version: [https://github.com/sdras/ecommerce-netlify](https://github.com/sdras/ecommerce-netlify)**

# 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

```