An open API service indexing awesome lists of open source software.

https://github.com/snipcart/strapi-react-snipcart

React E-Commerce App Built on Top of Strapi
https://github.com/snipcart/strapi-react-snipcart

demo nodejs react single-page-app snipcart strapi

Last synced: about 2 months ago
JSON representation

React E-Commerce App Built on Top of Strapi

Awesome Lists containing this project

README

        

# Using Strapi for Node.js Content Management with a React SPA

![Strapi demo](https://snipcart.com/media/203792/node-js-react-strapi-1.png)

Node.js and React are two of the most powerful tools in the JavaScript ecosystem. In this tutorial, we use Strapi for Node.js content management and strap it to a React frontend, resulting in a full JS SPA.

Steps:

- Setting up a Node.js backend for Strapi with MongoDB.
- Creating appropriate content types in Strapi for the SPA.
- Building a React SPA (a basic online shop) with create-react-app.
- Bundling & deploying the Universal JS app!

In the process, I reflected a lot about this kind of Universal JavaScript stack and its place in the developer's space.

> Read the full tutorial [here](https://snipcart.com/blog/node-js-react-strapi-tutorial)

> Find the live demo [here](https://snipcart-strapi-react.netlify.com/)

Enjoy folks!