https://github.com/sdras/ecommerce-netlify

🛍 A JAMstack Ecommerce Site built with Nuxt and Netlify Functions
https://github.com/sdras/ecommerce-netlify

grid jamstack jamstack-storefront netlify netlify-functions nuxt serverless serverless-functions stripe stripe-checkout

Last synced: about 21 hours ago
JSON representation

🛍 A JAMstack Ecommerce Site built with Nuxt and Netlify Functions

• Host: GitHub
• URL: https://github.com/sdras/ecommerce-netlify
• Owner: sdras
• Created: 2019-07-04T22:17:31.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2023-01-27T20:01:31.000Z (about 2 years ago)
• Last Synced: 2025-01-25T10:03:30.073Z (8 days ago)
• Topics: grid, jamstack, jamstack-storefront, netlify, netlify-functions, nuxt, serverless, serverless-functions, stripe, stripe-checkout
• Language: Vue
• Homepage: https://ecommerce-netlify.netlify.app/
• Size: 1.42 MB
• Stars: 1,549
• Watchers: 34
• Forks: 404
• Open Issues: 33
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
# 🛍 Ecommerce Store with Netlify Functions and Stripe

> A serverless function to process stripe payments with Nuxt, Netlify, and Lambda

Demo site is here: [E-Commerce Store](https://ecommerce-netlify.netlify.com/)

![screenshot of site](https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/ecommerce-screenshot.jpg "E-Commerce Netlify Site")

There are two articles explaining how this site is set up:

* Explanation of Netlify Functions and Stripe: [Let's Build a JAMstack E-Commerce Store with Netlify Functions](https://css-tricks.com/lets-build-a-jamstack-e-commerce-store-with-netlify-functions/)

* Explanation of dynamic routing in Nuxt for the individual product pages: [Creating Dynamic Routes in Nuxt Application](https://css-tricks.com/creating-dynamic-routes-in-a-nuxt-application/)

## Build Setup

``` bash

# install dependencies

$ yarn install or npm run install

# serve with hot reload at localhost:3000

$ yarn dev or npm run dev

# build for production and launch server

$ yarn build or npm run build

$ yarn start or npm run start

# generate static project

$ yarn generate or npm run generate

```

For detailed explanation on how things work, checkout [Nuxt.js docs](https://nuxtjs.org).