# Tutorial: Netlify + Stripe serverless eCommerce on the JAMstack

**URL:** <https://discourse.gohugo.io/t/tutorial-netlify-stripe-serverless-ecommerce-on-the-jamstack/24822>\
**Category:** tips & tricks\
**Created:** [April 18, 2020, 8:10am UTC](https://discourse.gohugo.io/t/tutorial-netlify-stripe-serverless-ecommerce-on-the-jamstack/24822 "2020-04-18T08:10:15Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![alexandros](https://avatars.discourse-cdn.com/v4/letter/a/ecc23a/32.png) [@alexandros](https://discourse.gohugo.io/u/alexandros)\
**Post date:** [April 18, 2020, 8:10am UTC](https://discourse.gohugo.io/t/tutorial-netlify-stripe-serverless-ecommerce-on-the-jamstack/24822/1 "2020-04-18T08:10:15Z")

</div>

For some time now I have been looking into creating a Hugo eCommerce project with Stripe payments. A tutorial was published yesterday on the Netlify blog and I am posting its various forms here for reference, in case anyone is also interested into making this work with Hugo.

Step-by-step videos

> **[Set up a new site for local development with Netlify Dev](https://egghead.io/lessons/netlify-set-up-a-new-site-for-local-development-with-netlify-dev?pl=sell-products-using-stripe-checkout-and-netlify-functions-25f6)**
>
> Set up the HTML and CSS for a website to sell products and configure it for local development using Netlify Dev.

The tutorial in written form

> **[Learn How to Accept Money on Jamstack Sites in 38 Minutes](https://www.netlify.com/blog/2020/04/13/learn-how-to-accept-money-on-jamstack-sites-in-38-minutes/?utm_source=twitter&utm_medium=stripe-jl&utm_campaign=devex)**
>
> Learn how to accept money on Jamstack sites in this tutorial (with videos)! Use Stripe Checkout & Netlify Functions to add e-commerce in minutes.

The original video

https://player.twitch.tv/?video=v594605741&autoplay=false

The products in this tutorial are created on the fly with JS from a JSON file. This can also be achieved with the Hugo CLI without the JS as discussed [here](https://discourse.gohugo.io/t/json-as-data-for-websites/24382/4), of course everything will be more robust once [this](https://github.com/gohugoio/hugo/issues/5074) issue as well as [this](https://github.com/gohugoio/hugo/issues/6310) one, are addressed.

IMO the big advantage of using Hugo (as well as any other static site generator) would be the ultra fast and safe static storefront that is SEO friendly without the need to deal with complexities like for example SSR (Server Side Rendering) for eCommerce.

Of course all this is meant for a small business as the Serverless Lambda Functions can get expensive once the free limits of Netlify are met (however there is also AWS Amplify to consider).

If you want to create a massive eCommerce website then the above is probably not ideal for such use.

---

<div class="post-metadata">

**Author:** ![divinerites](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/divinerites/32/12625_2.png) [@divinerites](https://discourse.gohugo.io/u/divinerites)\
**Post date:** [September 1, 2020, 4:34pm UTC](https://discourse.gohugo.io/t/tutorial-netlify-stripe-serverless-ecommerce-on-the-jamstack/24822/2 "2020-09-01T16:34:16Z")

</div>

Thanks a million @alexandros for this.

This uses only Javascript, but it put me on the right track to [make a proper “Full Hugo” online shop with just Netlify & Stripe](https://discourse.gohugo.io/t/easy-online-shop-with-just-netlify-stripe/27960).

Thanks again for the links.

---

<div class="post-metadata">

**Author:** ![pointyfar](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/pointyfar/32/5797_2.png) [@pointyfar](https://discourse.gohugo.io/u/pointyfar)\
**Post date:** [August 22, 2021, 12:52pm UTC](https://discourse.gohugo.io/t/tutorial-netlify-stripe-serverless-ecommerce-on-the-jamstack/24822/4 "2021-08-22T12:52:04Z")

</div>

Archived on August 22, 2021, 12:52pm UTC