This is a recipe for integrating Stripe into an Astro project. It uses the Stripe API to create a checkout session and then redirects the user to the Stripe hosted checkout page.
You can open this in Stackblitz or download the source code.
Fill in your environment variables in .env:
STRIPE_KEY="sk_<your api key>"
PUBLIC_STRIPE_KEY="pk_<your api key>"Then run the following commands.
All commands are run from the root of the project, from a terminal:
| Command | Action |
|---|---|
npm install |
Installs dependencies |
npm run dev |
Starts local dev server at localhost:4321 |
npm run build |
Build your production site to ./dist/ |
npm run preview |
Preview your build locally, before deploying |
npm run astro ... |
Run CLI commands like astro add, astro check |
npm run astro -- --help |
Get help using the Astro CLI |
- Follow the step-by-step guide for this recipe here.
- Get other Astro recipes created by Zell at Magical Dev School