🛍 E-Commerce Store with Nuxt, Netlify Functions, Tigris Cloud and Stripe
Tags: stripe, netlify, ecommerce, beginners
Published: 2022-11-10 16:31:27

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]
(https://github.com/tigrisdata/tigris-netlify-ecommerce)

> This is forked from [sdras/ecommerce-netlify](https://github.com/sdras/ecommerce-netlify).
>
> We have made the e-commerce site dynamic by using [Tigris](https://www.tigrisdata.com/jamstack) 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](https://nuxt-ecommerce-netlify.netlify.app/)

[![screenshot of site](https://camo.githubusercontent.com/796e7e86b67c58451afeb0d10782a80a98d13561ab3f4a67a6a781455814f31e/68747470733a2f2f73332d75732d776573742d322e616d617a6f6e6177732e636f6d2f732e6364706e2e696f2f32383936332f65636f6d6d657263652d73637265656e73686f742e6a7067 "E-Commerce Netlify Site")](https://camo.githubusercontent.com/796e7e86b67c58451afeb0d10782a80a98d13561ab3f4a67a6a781455814f31e/68747470733a2f2f73332d75732d776573742d322e616d617a6f6e6177732e636f6d2f732e6364706e2e696f2f32383936332f65636f6d6d657263652d73637265656e73686f742e6a7067)

[](https://github.com/tigrisdata/tigris-netlify-ecommerce#%EF%B8%8F-deploying-the-site)⚙️ Deploying the site
============================================================================================================

All you need is a [Github](https://github.com/), [Netlify](https://www.netlify.com/) and Tigris account ([sign up for a free account](https://www.tigrisdata.com/jamstack#signup-form)). Now, Hit "Deploy" and follow instructions to deploy app to your Netlify account.

[![Deploy to Netlify](https://camo.githubusercontent.com/417d890ba67c98ad5856b715343a61cdbf07d72b9bd5b79dd45d43de634c29ea/68747470733a2f2f7777772e6e65746c6966792e636f6d2f696d672f6465706c6f792f627574746f6e2e737667)](https://app.netlify.com/start/deploy?repository=https://github.com/tigrisdata/tigris-netlify-ecommerce&utm_source=github)

[](https://github.com/tigrisdata/tigris-netlify-ecommerce#-building--running-locally)📖 Building & Running locally
------------------------------------------------------------------------------------------------------------------

### [](https://github.com/tigrisdata/tigris-netlify-ecommerce#prerequisites)Prerequisites

1.  Tigris installed on your dev computer
    -   For macOS: `brew install tigrisdata/tigris/tigris-cli`
    -   Other operating systems: [See installation instructions here](https://docs.tigrisdata.com/cli/installation)
2.  Netlify CLI installed on your dev computer

    ```source-shell
    npm install netlify-cli -g
    ```

3.  Node.js version 16+

### [](https://github.com/tigrisdata/tigris-netlify-ecommerce#instructions)Instructions

1.  Install dependencies

    ```source-shell
    npm install
    ```

2.  Start Tigris local development environment

    ```source-shell
    tigris dev start
    ```

3.  Run the app server locally with hot reload to preview your site

    ```source-shell
    netlify dev
    ```

🎉 All done. Feel free to play around. 🎉

[](https://github.com/tigrisdata/tigris-netlify-ecommerce#helpful-links)Helpful links
-------------------------------------------------------------------------------------

-   Getting started with Tigris: [Quickstart](https://docs.tigrisdata.com/quickstart)
-   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/)