GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → stripe-samples → Checkout Netlify Serverless

stripe-samples / Checkout Netlify Serverless

Licence: mit
Sell products on the Jamstack with Netlify Functions and Stripe Checkout!

Labels

htmlserverlessecommercestripejamstackstripe-checkout

Projects that are alternatives of or similar to Checkout Netlify Serverless

react-elements-netlify-serverless
Digital Wallet payments with React Stripe Elements and Netlify Functions
Stars: ✭ 21 (-63.79%)
Mutual labels:  ecommerce, stripe, jamstack, stripe-checkout
Ecommerce Netlify
🛍 A JAMstack Ecommerce Site built with Nuxt and Netlify Functions
Stars: ✭ 1,147 (+1877.59%)
Mutual labels:  serverless, stripe, stripe-checkout, jamstack
Commercejs Nextjs Demo Store
Commerce demo store built for the Jamstack. Built with Commerce.js, Next.js, and can be one-click deployed to Netlify. Includes product catalog, categories, variants, cart, checkout, payments (Stripe) order confirmation, and printable receipts.
Stars: ✭ 737 (+1170.69%)
Mutual labels:  ecommerce, serverless, jamstack
Commerce.js
Open source, JS eCommerce SDK for building headless, Jamstack applications. Build custom storefronts, carts, and checkouts in any frontend framework, platform, or device. Integrates with Stripe, Square, PayPal, Paymill and Razorpay with support for 135+ currencies.
Stars: ✭ 112 (+93.1%)
Mutual labels:  ecommerce, stripe, jamstack
Sample Stripe Handler
Serverless function that uses the stripe api for a checkout process in a Vue application
Stars: ✭ 155 (+167.24%)
Mutual labels:  serverless, stripe, stripe-checkout
netlify-lambda-function-example
An example Netlify Lambda function that processes payments with Stripe.
Stars: ✭ 93 (+60.34%)
Mutual labels:  stripe, jamstack, stripe-checkout
Firebase Cms
A CMS + E-commerce platform built with Angular and Firebase
Stars: ✭ 286 (+393.1%)
Mutual labels:  ecommerce, stripe
Checkout Single Subscription
Learn how to combine Checkout and Billing for fast subscription pages
Stars: ✭ 310 (+434.48%)
Mutual labels:  stripe, stripe-checkout
Eleventyone
A scaffold for a quick start building with the Eleventy SSG
Stars: ✭ 390 (+572.41%)
Mutual labels:  serverless, jamstack
Functions
Tutorials, examples, workshops and a playground for serverless with Netlify Functions
Stars: ✭ 463 (+698.28%)
Mutual labels:  serverless, jamstack
MERN-Ecommerce
An E-commerce app built using MERN stack. It has 4 social login options and implements email verification as well. Stripe and Paypal payment gateways are implemented.
Stars: ✭ 50 (-13.79%)
Mutual labels:  ecommerce, stripe
Checkout One Time Payments
Use Checkout to quickly collect one-time payments.
Stars: ✭ 417 (+618.97%)
Mutual labels:  stripe, stripe-checkout
Simplestore
A clean, responsive storefront boilerplate with no database or backend
Stars: ✭ 468 (+706.9%)
Mutual labels:  ecommerce, serverless
django ecommerce
Scalable Django E-Commerce, perfect to start one new online shop project.
Stars: ✭ 25 (-56.9%)
Mutual labels:  ecommerce, stripe
commercejs-nextjs-vercel
Serverless eCommerce demo store built for the Jamstack. Built with Commerce.js, Next.js and can be one click deployed to Vercel. Includes product catalogue, categories, variants, cart, checkout, order confirmation and printable receipts. This is an open source project.
Stars: ✭ 68 (+17.24%)
Mutual labels:  ecommerce, jamstack
Digota
ecommerce microservice
Stars: ✭ 382 (+558.62%)
Mutual labels:  ecommerce, stripe
Node.js-Stripe-Shopping-Cart
Example integration of Stripe's Checkout API into a Node.js application
Stars: ✭ 93 (+60.34%)
Mutual labels:  stripe, stripe-checkout
Serverlessui
A command-line utility for deploying serverless applications to AWS. Complete with custom domains, deploy previews, TypeScript support, and more.
Stars: ✭ 434 (+648.28%)
Mutual labels:  serverless, jamstack
Jamstack Cms
Modern full stack CMS. Built with Gatsby, GraphQL, AWS Amplify, and Serverless technologies.
Stars: ✭ 702 (+1110.34%)
Mutual labels:  serverless, jamstack
Swell Js
JS library for building storefronts and checkouts with Swell ecommerce.
Stars: ✭ 24 (-58.62%)
Mutual labels:  ecommerce, jamstack
View All Similar Projects ➔

Serverless Stripe Checkout with Netlify Functions

Use Stripe Checkout with Netlify Functions to sell your products online.

Demo

Stripe Checkout with Netlify functions demo gif

Features:

  • Load products from a JSON product catalogue
  • Create Checkout Sessions with Netlify Functions
  • Process Stripe webhook events with Netlify Functions to handle fulfillment

How to run locally

Prerequisites

Follow the steps below to run locally.

1. Clone and configure the sample

git clone https://github.com/stripe-samples/checkout-netlify-serverless

Copy the .env.example file into a file named .env in the functions folder. For example:

cp .env.example .env

You will need a Stripe account in order to run the demo. Once you set up your account, go to the Stripe developer dashboard to find your API keys.

STRIPE_PUBLISHABLE_KEY=<replace-with-your-publishable-key>
STRIPE_SECRET_KEY=<replace-with-your-secret-key>

2. Run Netlify Functions locally:

You can run the Netlify Functions locally with Netlify Dev:

npm run functions
netlify dev

3. [Optional] Run a webhook locally:

If you want to test the using-webhooks integration with a local webhook on your machine, you can use the Stripe CLI to easily spin one up.

Make sure to install the CLI and link your Stripe account.

In a separate tab run

stripe listen --forward-to localhost:8888/.netlify/functions/handle-purchase

Or use the shorthand npm run webhook

The CLI will print a webhook secret key to the console. Set STRIPE_WEBHOOK_SECRET to this value in your .env file.

You should see events logged in the console where the CLI is running.

When you are ready to create a live webhook endpoint, follow our guide in the docs on configuring a webhook endpoint in the dashboard.

💫 Deploy with Netlify

Deploy to Netlify

Get support

If you found a bug or want to suggest a new [feature/use case/sample], please file an issue.

If you have questions, comments, or need help with code, we're here to help:

Sign up to stay updated with developer news.

Authors

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].