Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kavorix/ecommerce-netlify-website
A JAMstack Ecommerce Site built with Nuxt and Netlify Functions
https://github.com/kavorix/ecommerce-netlify-website
grid jamstack jamstack-storefront netlify netlify-functions nuxt serverless serverless-functions stripe stripe-checkout
Last synced: about 1 month ago
JSON representation
A JAMstack Ecommerce Site built with Nuxt and Netlify Functions
- Host: GitHub
- URL: https://github.com/kavorix/ecommerce-netlify-website
- Owner: Kavorix
- Created: 2024-11-27T12:24:51.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-11-27T12:32:16.000Z (about 1 month ago)
- Last Synced: 2024-11-27T13:29:02.062Z (about 1 month 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: 923 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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
![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
```