🛍 E-Commerce Store with Nuxt, Netlify Functions, Tigris Cloud and Stripe
Ovais Tariq
Posted on November 10, 2022
Interested in Tigris but not sure how to get started? 🤔 Try one of our starter apps! 💻
You can find the sample app on our Github
This is forked from sdras/ecommerce-netlify.
We have made the e-commerce site dynamic by using Tigris as the backend and also added search capability. Tigris is responsible for storing the product catalog and providing querying and search capabilities. It is integrated with Netlify Functions.
Demo site is here: E-Commerce Store
⚙️ Deploying the site
All you need is a Github, Netlify and Tigris account (sign up for a free account). Now, Hit "Deploy" and follow instructions to deploy app to your Netlify account.
📖 Building & Running locally
Prerequisites
- Tigris installed on your dev computer
- For macOS:
brew install tigrisdata/tigris/tigris-cli
- Other operating systems: See installation instructions here
- For macOS:
-
Netlify CLI installed on your dev computer
npm install netlify-cli -g
Node.js version 16+
Instructions
-
Install dependencies
npm install
-
Start Tigris local development environment
tigris dev start
-
Run the app server locally with hot reload to preview your site
netlify dev
🎉 All done. Feel free to play around. 🎉
Helpful links
- Getting started with Tigris: Quickstart
- 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
Posted on November 10, 2022
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.