composable-comcomposable-com
110

Composable UI

screenshot of Composable UI

An open source React and Next.js accelerator with a library of UI components to build composable commerce storefronts with best-in-class technologies and best practices.

GithubDemo

Overview:

Composable UI is a framework for building fast and modern composable commerce sites. It is built using technologies like React, Next.js, Typescript, Chakra UI, React Query, and tRPC. It can be integrated with any headless commerce, CMS, and other MACH services. Composable UI comes with pre-integrated services like Algolia for product filtering, Stripe for payments, and mocked commerce and CMS services. It is an open-source project available under the MIT license.

Features:

  • Composable UI app built with React & Next.js
  • Figma Design Kit & Ready-to-Use Components Library
  • Documentation

Option 1: Run in Localhost

To run Composable UI locally, make sure you have Node.js v16.18.0 or higher and pnpm v8.0 or higher installed. Follow these steps:

  1. Install the necessary dependencies by running the following command in your terminal:
npm install
  1. Start the application by running:
npm run dev
  1. Access the application in your web browser at http://localhost:3000

Option 2: 1-Click Deployments

For easy deployment, refer to the 1-Click deployment documentation to deploy Composable UI to a frontend cloud provider.

Option 3: Run in Docker

If you prefer using Docker, follow these steps:

  1. Install Docker if you don't have it installed already.
  2. Clone the repository and build the Docker image by running the following commands:
git clone [repository-url]
cd [repository-directory]
docker build -t [image-name] .
  1. Run the Docker image:
docker run -p 3000:3000 [image-name]
  1. Access the application in your web browser at http://localhost:3000

Summary:

Composable UI is a powerful framework for building modern commerce sites. With its support for technologies like React, Next.js, and Typescript, it provides developers with a solid foundation to create blazing-fast websites. Additionally, its integration capabilities with various commerce platforms and services make it a versatile choice for any project. The availability of pre-integrated services like Algolia and Stripe further simplifies the development process. Overall, Composable UI is a valuable tool for developers looking to build high-performance and feature-rich commerce sites.