/vue-stripe-subscriptions

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

Primary LanguageTypeScriptISC LicenseISC

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.

screenshot

screenshot

screenshot

Requirements

Node.js ^16.13.1 | vue@latest | Vite

Project setup server side

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.