React Shop is a set of open-source packages for building e-commerce stores, built on top of the Next.js framework.
- Online store fronts
- DTC
- User dashboards
- Service businesses
- Concept: A modular architecture promotes separation of concerns by structuring an application into independent, reusable components. One key principle is decoupling business logic from the UI, which enhances maintainability, scalability, and testability.
- Backend agnostic: Build your store on top of any API using Next.js features like server actions, API routes, or a data provider with SSR (Server-Side Rendering) support.
- Building modules: Authentication, I18n, payments, global state managment, cart module, forms, notifications, etc. All modules are open-source, free to use for commercial purpose and available on npm.
- UI: Use the built-in Material UI package or any custom design/UI framework of your choice. Supports flexible theme customization, including dark and light modes.
- Typescript: The data structure models follow the Medusa.js commerce platform, making the Medusa admin dashboard a great choice for integration.
Use react-shop-create cli utility which sets up project automatically for you.
npx react-shop-create@latest <your-store-name>You'll be asked to choose some basic application settings. After that, the CLI will create a folder with your project name and install the required dependencies.
If you prefer manual installation, Next.js 14 or later with the App Router setup is required.
See the commerce demo site here and check out the example source code.
Thank you for considering contributing to this project!
We welcome contributions of all kinds, from bug reports and documentation improvements to feature implementations. Refer to our Contribution Guide for instructions on how to contribute to the codebase.
The community is available on GitHub Discussions, where you can ask for support, discuss the roadmap, and share ideas.
We'd like to thank the following projects for their codebase and inspiration to this project:
- React admin: A frontend Framework for building single-page applications running in the browser on top of REST/GraphQL APIs.
- Medusa js: The most popular open-source platform for commerce platform with a built-in framework for customizations.
Licensed under the MIT License, Copyright © 2024-present