Vercel Commerce offers a headless B2C e-commerce starter kit using Next.JS commerce. With a few clicks, Next.JS developers can clone, deploy and fully customize their own store. You can start with the default local provider @vercel/commerce-local that has all features disabled and uses static files for the backend.
Features
Vercel Commerce supports the following features:
- Performant by default
- SEO Ready
- Internationalization
- Responsive
- UI components
- Theming
- Standardized data hooks
- Integrations (integrates seamlessly with the most common e-commerce platforms, including Kibo)
- Dark mode support
Demo Example
View a live demo of Kibo’s Vercel Commerce Storefront here.
Getting Started
Our commitment to Open Source can be found here.
- Fork this repository to your own GitHub account and then clone it to your local device.
- Create a new branch git checkout
-b MY_BRANCH_NAME. - Install the dependencies:
pnpm install. - Build the packages:
pnpm build. - Duplicate
site/.env.templateand rename it tosite/.env.local. - Add proper store values to
site/.env.local. - Run
cd site&pnpm devto watch for code changes. - Run
pnpm turbo run buildto check the build after your changes. - The following data is required to configure the storefront.
KIBO_API_Host: Your Kibo Commerce API Host.KIBO_AUTH_HOST: Kibo Commerce Authentication Host Server. It is used to request an access token from the Kibo Commerce OAuth 2.0 service.KIBO_CLIENT_ID: Unique Application (Client) ID of your application. This is viewable from your Kibo Dev Center.KIBO_SHARED_SECRET: Secret API key used to authenticate your application/client ID.
Visit Kibo documentation for more details on API authentication.