All Projects → maxkostinevich → Shopify-Serverless-Starter-App

maxkostinevich / Shopify-Serverless-Starter-App

Licence: MIT license
Shopify Serverless Starter Application built on Serverless Framework and Polaris UI (React.js)

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to Shopify-Serverless-Starter-App

koa-shopify-starter
A slightly modified version of https://github.com/Shopify/unite-react-node-app-workshop.
Stars: ✭ 14 (-75%)
Mutual labels:  shopify, shopify-polaris, shopify-app
gatsby-starter-shopify-app
[Experimental] ⚡️💰🏗Serverless Shopify App w/ Gatsby & Firebase
Stars: ✭ 102 (+82.14%)
Mutual labels:  shopify-polaris, shopify-app
mechanic-tasks
Public task repository for Mechanic (https://mechanic.dev)
Stars: ✭ 42 (-25%)
Mutual labels:  shopify, shopify-app
shopify-node-express-app
Simple Shopify app with Express and Node.js that connects to a Shopify store via OAuth.
Stars: ✭ 20 (-64.29%)
Mutual labels:  shopify, shopify-app
shopify-node-react-app
Shopify paid app in Node.js & React.js that connects to a store and lets merchants select products to automatically discount them in the Shopify admin interface.
Stars: ✭ 29 (-48.21%)
Mutual labels:  shopify, shopify-app
shopify-node-app-starter
🚀🚀 A Shopify embedded app starter template, written in TypeScript with session storage, app context and examples for basic functionalities.
Stars: ✭ 99 (+76.79%)
Mutual labels:  shopify, shopify-app
polaris-vue
Polaris Vue by HulkApps is a component library for Vue.js based on Shopify Polaris style guide.
Stars: ✭ 39 (-30.36%)
Mutual labels:  shopify, shopify-polaris
nextjs-shopify
This repository contains the app without webhook for the Build a Shopify app with Node and React tutorial.
Stars: ✭ 56 (+0%)
Mutual labels:  shopify, shopify-app
nextjs-shopify-auth
Authenticate your Next.js app with Shopify.
Stars: ✭ 54 (-3.57%)
Mutual labels:  shopify, shopify-app
Shopify Api Php
🚀 Shopify API Client for PHP
Stars: ✭ 100 (+78.57%)
Mutual labels:  shopify
Sneaker Monitors
A collection of web monitors that notify of restocks or updates on sneaker related sites through Discord Webhook. This includes Shopify, Nike SNKRS (supports 42 countries), Supreme and now Footsite monitor!
Stars: ✭ 130 (+132.14%)
Mutual labels:  shopify
Polaris Telescope
A Sketch plugin that lets you quickly search for Polaris guidelines and code snippets.
Stars: ✭ 96 (+71.43%)
Mutual labels:  shopify
Shopify Theme Inspector
A Chrome DevTools plugin that visualizes Shopify Liquid render profiling data so you can triage long-running code and reduce server response times!
Stars: ✭ 102 (+82.14%)
Mutual labels:  shopify
Openship
e-commerce automation
Stars: ✭ 143 (+155.36%)
Mutual labels:  shopify
Quickshot
A Shopify theme development tool.
Stars: ✭ 96 (+71.43%)
Mutual labels:  shopify
Gatsby Theme Storefront Shopify
Create a Shopify store with Gatsby JS 🛍️ 🛒
Stars: ✭ 175 (+212.5%)
Mutual labels:  shopify
Gatsby Shopify Theme
🛒 Simple theme to build a blazing simple and fast store with Gatsby and Shopify.
Stars: ✭ 95 (+69.64%)
Mutual labels:  shopify
Builder
Drag and drop page building using your code components
Stars: ✭ 1,281 (+2187.5%)
Mutual labels:  shopify
Nuxt Shopify
🛍 Seamless Shopify Buy SDK integration with Nuxt.js.
Stars: ✭ 210 (+275%)
Mutual labels:  shopify
Polaris Tokens
Design tokens for Polaris, Shopify’s design system
Stars: ✭ 167 (+198.21%)
Mutual labels:  shopify

Shopify Serverless Starter App

Shopify Serverless App built on Serverless Framework and Polaris UI.

Shopify App Setup

Login to your Shopify Partners Account and create a new App. Do not forget to add /install/store to Whitelisted redirection URLs as shown on the screenshot below:

Optionally you may set GDPR webhook to https://XXXXXXXXX.execute-api.us-east-1.amazonaws.com/dev/webhooks/gdpr

Deployment to AWS

Clone the Github repository, make sure Serverless Framework and Node.js are installed on your machine. Rename sample.env.yml to env.yml and update all necessary variables.

Create a new AWS user

AWS Console -> IAM -> Users -> Add User -> Set username and choose Access type: "Programmatic Access" -> on next screen choose "Attach existing policies directly" -> Search for AdministratorAccess -> Click "Create User" and download .CSV file with access credentials.

Then you can login using the following command: serverless config credentials --provider aws --key KEY --secret SECRET

Install NPM Dependencies

To install NPM dependencies use the following command: npm install

To build frontend assets (React Components) use the following command: npm run assets-dev or npm run assets-prod

Deploy the backend

To deploy application to dev environment use the following command: sls deploy

To deploy application to prod environment use the following command: sls deploy -s prod

Do not forget to create a DB Index

To create an index, go to AWS Console -> DynamoDB -> App Table -> Indexes and create domain-index with domain (String) partition key as shown on the screenshot below:

It needs to be done only once per environment.

Deploy the frontend assets

To deploy frontend assets to S3 use the following command: npm run sls-client-deploy or sls client deploy --no-delete-contents

!! Important: always use --no-delete-contents flag, otherwise all uploaded files will be deleted from S3 Bucket.


(c) 2019 Max Kostinevich - All rights reserved.

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].