Sveltekit Stripe

Integrating SvelteKit and Stripe Checkout

SvelteKit Stripe Integration

Update in this branch:

  • code is up to date with the latest versions of sveltekit & stripe apis
  • enjoy ;-)

The SvelteKit demo template comes with an awesome counter application built in. It would be better though if it was a subscription SAAS counter. That's what this repo does.

Check it out at

This demo application implements subscriptions using SvelteKit and Stripe Checkout. It is based on this guide.

How to use.

First you need to have an account on Stripe.

  • Clone or fork the project git clone

  • Install the dependencies cd sveltekit-stripe && npm install

  • Rename .env.example to .env and update with your Stripe public and private api keys. You can get them from the Stripe dashboard.

  • Create products and prices on Stripe, using the script provided by this repo. npm run stripe:init This script creates the Stripe entities needed for a subscription billing model and writes them to a json file that will be loaded by a SvelteKit endpoint. You can also create the entites needed by using the Stripe dashboard, following this section of the guide.

  • Start up the development server npm run dev

Stripe Webhooks

This repo contains a SvelteKit endpoint for Stripe Webhook events.

To test the hook locally see this guide

The stripe webhook endpoint is https://localhost:3000/stripe/webhook. That is where you'll want to forward stripe events.

Verify webhook signatures by adding STRIPE_WEBHOOK_SECRET to your .env file.

See the demo

(Read more about the implementation here.)[]

Top categories

svelte logo

Want a Svelte site built?

Hire a Svelte developer
Loading Svelte Themes