Does this skill help with environment variables?

Yes, it identifies the required variables like CE_STORE_ID and CE_API_KEY, provides the correct naming conventions for your framework, and ensures storefront keys are used for client-side safety.

Which frameworks does the ce-setup skill support?

It provides tailored configurations for Next.js (App Router), React, Vue, Svelte, Solid, and Node.js/Express environments.

How does this skill handle e-commerce authentication?

The skill configures the SDK to manage anonymous tokens automatically and sets up the correct storage mechanism, such as CookieTokenStorage for SSR or BrowserTokenStorage for SPAs.

Does it support Hosted Checkout integration?

Yes, it automates the setup of Hosted Checkout in 'provided' auth mode and implements the mandatory two-way token synchronization between the Storefront SDK and the checkout interface.

Commerce Engine SDK Setup

Name: Commerce Engine SDK Setup
Author: commercengine

bycommercengine

0•

E-commerce Solutions

Configures the Commerce Engine TypeScript SDK with automatic framework detection, token storage selection, and environment variable setup.

This skill streamlines the integration of Commerce Engine into any web project by automatically identifying the underlying framework and applying the optimal SDK configuration. It handles complex setup requirements such as wiring two-way token synchronization for Hosted Checkout, selecting context-aware token storage (Cookie, Browser, or Memory), and generating framework-specific boilerplate for Next.js, React, Vue, and Node.js. By automating the initial 'handshake' and environment configuration, it ensures developers follow security best practices and e-commerce architectural patterns from the start.

Key Features

01Automated two-way token sync setup for Hosted Checkout

02Smart token storage selection (Cookie vs. Browser vs. Memory)

030 GitHub stars

04Automatic framework detection for Next.js, Vite, Svelte, and Express

05Environment variable validation and security best-practice checks

06Boilerplate generation for SDK initialization and anonymous auth

Use Cases

01Bootstrapping a new headless e-commerce storefront

02Migrating existing JS projects to the Commerce Engine TypeScript SDK

03Configuring secure SSR authentication for Next.js shopping sites

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add commercengine/skills setup

For use in Claude.ai and ChatGPT

Download Skill