Shopify App Js
A full systems, hybrid app that I personally use in production. This is meant as a reference to how my boilerplates evolve as I build Shopify apps that scale.
Overview:
The Shopify App JS is a personal production stack for building apps, with each folder in the root directory acting as an independent package deployed to different services. This setup, although not actively maintained, serves as an example of the creator's preferred build structure. The app utilizes technologies such as Next.js, Prisma ORM, Express, and MongoDB to develop the Shopify app and its extensions.
Features:
- Next.js x Prisma ORM Boilerplate / Express x MongoDB Boilerplate: Frameworks for building the Shopify app.
- Cloudflare Workers Webhook Manager: Manages webhooks using Cloudflare Workers.
- Client Manager: Proprietary software for managing subscriptions, customers, and data visualization.
- Testing Suite: Includes Jest and Cypress for testing.
- Notes: Contains documentation and content files like .md and .png files.
Summary:
The Shopify App JS is a structured production stack demonstrating how to build apps using technologies like Next.js, Prisma ORM, and Express. With key features including a Webhook Manager, Client Manager, and a Testing Suite, this stack provides a comprehensive framework for developing Shopify apps. Additionally, the tech stack showcases a curated list of services like Vercel, Heroku, and Planetscale, ensuring a robust infrastructure for building and deploying apps.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- Prisma
Prisma is a server-side library that helps developers read and write data to the database in an intuitive, efficient and safe way.
- Shopify
Shopify offers headless commerce capabilities through its Storefront API, allowing developers to use their own front-end technology to create custom storefronts or sales channels while using Shopify as a back-end system
- Fullstack
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.