Denisse-AB/vue-stripe-subscriptions

Subscription Boilerplate with Stripe, Vue Composition API, Express, and TypeScript.

Subscription Boilerplate

This app is a boilerplate of a Stripe subscription service with Vue 3 Composition API. Use it however you like following Stripe's best practices, rules and regulations.

Our working environment is Vue 3 Composition API with Vite, Express with TypeScript, and Tailwind CSS.

Create a subscription system with Vue 3, Vite, and Stripe.

Requirements

Node.js ^16.13.1 | vue@latest | Vite

Project setup server side

• Fork if you want a copy of this project.
• Make a new directory in your computer
• cd to your new directory
• Clone repository

git clone https://github.com/<your-github-username>/vue-stripe-subscriptions.git

• cd to vue-stripe-subscriptions

npm install
npm run dev

Project setup client side

• Open new terminal

cd client
npm install
npm run dev

• Rename .env.example to .env in both the server and the client, and insert your Stripe keys and variables. ⚠️ Remember to restart your IDE when changing the .env file.