skills.rest
tark-ai
tark-aiOFFICIAL
Explore all skills by this author →
GitHub

ce-setup

Set up the Commerce Engine TypeScript SDK across Next.js, Astro, SvelteKit, and SPA contexts.

Updated Feb 7, 2026
Search Tags:#migration#sdk#setup#environment-variables#framework-detection#storefront#commerce-engine
One-click install
npx skills add https://github.com/tark-ai/ce-starter-projects --skill ce-setup-tark-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ce-setup
Source: https://github.com/tark-ai/ce-starter-projects/tree/main/.agents/skills/ce-setup
Command: npx skills add https://github.com/tark-ai/ce-starter-projects --skill ce-setup-tark-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers need a framework-agnostic way to bootstrap the Commerce Engine TypeScript SDK across multiple frontend and SSR platforms, ensuring correct configuration and migration guidance.

Core Features & Use Cases

  • Framework-detection-driven initialization for Next.js, TanStack Start, Astro, SvelteKit, and SPA/server contexts.
  • Guidance on choosing public vs session storefront, token storage, and environment variable placement.
  • Migration guidance from deprecated SDKs and a streamlined setup workflow for new projects.

Quick Start

Install and configure the Commerce Engine storefront in your project using the recommended defaults.

Frequently Asked Questions about ce-setup

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up the Commerce Engine SDK in a Next.js project?▼

To set up the Commerce Engine SDK in Next.js, this skill applies framework detection to initialize the storefront, configure environment variables, and establish public or session token storage for your project.

Can I use the Commerce Engine SDK with Astro and SvelteKit?▼

Yes, the Commerce Engine SDK supports Astro and SvelteKit. The setup process uses framework detection to apply the correct storefront initialization and environment variable configuration for SSR and SPA contexts.

What is the difference between public and session storefront accessors?▼

Public and session storefront accessors differ in token storage and authentication state. This skill guides you in choosing the correct accessor based on your framework context and storefront integration requirements.

How do I migrate from a deprecated Commerce Engine SDK?▼

To migrate from a deprecated Commerce Engine SDK, this skill provides specific migration paths that update your storefront initialization, environment variables, and token storage to the current framework-based setup.

Where should environment variables be placed for TanStack Start storefront integration?▼

For TanStack Start storefront integration, environment variables must be placed according to the framework's SSR context. This skill configures the correct placement to ensure secure token storage and SDK initialization.

Related Skills

Explore More Software Engineering Skills→
sandgardenhqsandgardenhq
130

new-sdk-app

Scaffold TypeScript or Python Claude Agent SDK projects with dependency installation and verification.

Official
Intermediate
Focus-GTSFocus-GTS

storefront-setup

Scaffold Adobe Commerce storefronts on AEM Edge Delivery Services with Catalog Service API configuration.

Official
Advanced
microwindmicrowind
65

JWT身份验证

Issue, validate, and rotate JWT tokens with HS256, RS256, and ES256.

Official
Advanced
chef0111chef0111
1

shopify

Develop Shopify apps, extensions, and themes using Shopify CLI and Liquid.

Community
Advanced