sdras / Ecommerce Netlify
🛍 A JAMstack Ecommerce Site built with Nuxt and Netlify Functions
Stars: ✭ 1,147
Projects that are alternatives of or similar to Ecommerce Netlify
netlify-lambda-function-example
An example Netlify Lambda function that processes payments with Stripe.
Stars: ✭ 93 (-91.89%)
Mutual labels: stripe, serverless-functions, netlify, jamstack, stripe-checkout
Sample Stripe Handler
Serverless function that uses the stripe api for a checkout process in a Vue application
Stars: ✭ 155 (-86.49%)
Mutual labels: serverless, serverless-functions, stripe, stripe-checkout
netlify-stripe-subscriptions
An example of managing subscriptions with the Stripe Customer Portal and Netlify Identity.
Stars: ✭ 96 (-91.63%)
Mutual labels: stripe, serverless-functions, netlify, jamstack
Checkout Netlify Serverless
Sell products on the Jamstack with Netlify Functions and Stripe Checkout!
Stars: ✭ 58 (-94.94%)
Mutual labels: serverless, stripe, stripe-checkout, jamstack
Cda Locale
Showing Microsoft Cloud Developer Advocates speaking, 2017 and 2018
Stars: ✭ 101 (-91.19%)
Mutual labels: serverless, serverless-functions, nuxt
Bael Template
Brutalist Blog theme for Netlify CMS
Stars: ✭ 187 (-83.7%)
Mutual labels: netlify, nuxt, 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 (-35.75%)
Mutual labels: serverless, netlify, jamstack
react-elements-netlify-serverless
Digital Wallet payments with React Stripe Elements and Netlify Functions
Stars: ✭ 21 (-98.17%)
Mutual labels: stripe, jamstack, stripe-checkout
Jamstack Serverless
Learn JAMstack Serverless Modern App Development in Baby Steps using Gatsby.js, React, TypeScript, GraphQL, Contentful, Netlify, FaunaDB, MongoDB, Apollo, Github Actions, Project Fugu, and CSS Houdini.
Stars: ✭ 178 (-84.48%)
Mutual labels: serverless, netlify, jamstack
trailing-slash-guide
Understand and fix your static website trailing slash issues!
Stars: ✭ 255 (-77.77%)
Mutual labels: nuxt, netlify, jamstack
Eleventyone
A scaffold for a quick start building with the Eleventy SSG
Stars: ✭ 390 (-66%)
Mutual labels: serverless, netlify, jamstack
Sample Vue Shop
See readme for newer repo details! A sample shop that shows how to manage payments with Vue, Stripe, and Serverless Functions
Stars: ✭ 1,166 (+1.66%)
Mutual labels: stripe, stripe-checkout, nuxt
nuxt-starter-netlify-cms
Example nuxt + netlify cms project. Nuxt port of Gatsby starter app.
Stars: ✭ 13 (-98.87%)
Mutual labels: nuxt, netlify, jamstack
Unicorn Mart
A proof of concept e-commerce store leveraging Contentful, GatsbyJS, Stripe, and serverless via clay.run
Stars: ✭ 21 (-98.17%)
Mutual labels: serverless, netlify, 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 (-62.16%)
Mutual labels: serverless, serverless-functions, jamstack
Functions
Tutorials, examples, workshops and a playground for serverless with Netlify Functions
Stars: ✭ 463 (-59.63%)
Mutual labels: serverless, netlify, jamstack
Vue Stripe
Stripe Checkout & Elements for Vue.js
Stars: ✭ 669 (-41.67%)
Mutual labels: stripe, stripe-checkout
Jamstack Cms
Modern full stack CMS. Built with Gatsby, GraphQL, AWS Amplify, and Serverless technologies.
Stars: ✭ 702 (-38.8%)
Mutual labels: serverless, jamstack
Openwhisk
Apache OpenWhisk is an open source serverless cloud platform
Stars: ✭ 5,499 (+379.42%)
Mutual labels: serverless, serverless-functions
🛍 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
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
- Explanation of dynamic routing in Nuxt for the individual product pages: Creating Dynamic Routes in Nuxt Application
Build Setup
# 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.
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].