airmihaairmiha
89

Create Shopify App

screenshot of Create Shopify App
express

Shopify app starter with Node and React

Github

Overview

Creating applications for Shopify can be a daunting task, especially for those new to the platform. The Shopify Application starter with Node and React offers a comprehensive solution, bringing together key tools to streamline the development process. This starter project incorporates React, Polaris, Express, and Postgres, allowing developers to focus on building their app without the burden of boilerplate code. It provides a solid foundation for authenticating with a Shopify store via OAuth and even includes billing support, making it a go-to choice for JavaScript developers looking to dive into Shopify app development.

With features that promote best practices, this project exemplifies modern development architectures. Whether you’re fetching product lists, integrating the Embedded App SDK, or implementing a polished interface, this starter kit has you covered. The complexities of setting things up are simplified, letting you channel your enthusiasm into creating feature-rich applications instead.

Features

  • Oauth Authentication: Securely authenticate users with Shopify using Express middleware to handle OAuth effortlessly.
  • Billing Support: Includes middleware for managing billing and recurring charges, allowing you to monetize your app easily.
  • React and Polaris Integration: Build a user-friendly interface with React, utilizing Polaris for a cohesive Shopify look and feel.
  • State Management with Redux: Efficiently manage application state and share data between components for a smooth user experience.
  • Webpack Dev Server: Enjoy live reloading during development, making it easier to test changes in real-time.
  • Unit Testing with Jest: Ensure code quality and reliability through integrated unit testing capabilities with Jest.
  • Embedded App SDK: Utilize the Embedded App SDK to create seamless integrations within the Shopify admin interface.
  • Postgres and Redis Support: Uses Postgres for data storage and Redis for session management, ensuring a robust backend for your application.
express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

Pug

Pug is a high-performance template engine for Node.js and browsers that enables developers to write HTML templates using a concise and intuitive syntax. It supports a range of features, including template inheritance, conditionals, loops, mixins, and more, and can be easily integrated into a variety of web frameworks and build tools.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.