baoqger / embedded-shopify-react-dotnet-template

React (Polaris) + .NET 7 Template for Embedded Shopify App

Home Page:https://medium.com/@lefantan/creating-an-embedded-shopify-app-with-react-and-net-7-9adb96bd303f

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React (Polaris) + .NET 7 Template for Embedded Shopify App

This is a basic template for Embedded Shopify App built with React and .NET for this article.

Tech Stack

  • .NET 7 builds the backend.
    • SQLite as the database solution
  • Vite builds the React frontend.
  • React Router is used for routing. We wrap this with file-based routing.

The following Shopify tools complement these third-party tools to ease app development:

  • Shopify Sharp is a community-supported library to help with authentication and making API calls to Shopify.
  • Polaris React is a powerful design system and component library that helps developers build high quality, consistent experiences for Shopify merchants.

Local Development

Frontend

using npm

npm install && npm run dev

During build, you'll need to populate VITE_SHOPIFY_ID in .env with the Shopify Client Id of your app in order for App Bridge to work.

Read me in progress...

About

React (Polaris) + .NET 7 Template for Embedded Shopify App

https://medium.com/@lefantan/creating-an-embedded-shopify-app-with-react-and-net-7-9adb96bd303f

License:Apache License 2.0


Languages

Language:C# 87.2%Language:TypeScript 8.7%Language:HTML 1.6%Language:JavaScript 1.4%Language:CSS 1.1%