22
33A comprehensive starter kit for building modern commerce applications using commercetools' suite of products and APIs. This kit provides multiple pathways to integrate with commercetools, from traditional SDK usage to cutting-edge AI-powered Model Context Protocol (MCP) integrations.
44
5+ ## 🔑 Project Setup
6+
7+ ### 1. Create or use existing commercetools account
8+
9+ > If you do not have a commercetools account follow the following instructions
10+
11+ 1 . Visit [ commercetools Merchant Center] ( https://mc.europe-west1.gcp.commercetools.com/login/new )
12+ 2 . Create a new account and organization - no credit card required
13+ 3 . Enter your E-Mail and follow the instruction in the E-Mail sent
14+ 4 . The project creation flow shows
15+ - Select "Create project with sample data"
16+ - Choose B2B or B2C sample data based on your needs
17+ - Chose an organization name of your liking
18+ - Choose a project key (it will automatically be prefixed with ` ecomhack25- ` )
19+ - Make sure you check "I am participating in the ecomhack event with this project"
20+
21+ > If you have a commercetools account follow the following instructions
22+
23+ 1 . Visit [ commercetools Merchant Center] ( https://mc.europe-west1.gcp.commercetools.com/login )
24+ 2 . Login with your username and password
25+ 3 . Visit the [ project creation page] ( https://mc.europe-west1.gcp.commercetools.com/account/projects/new )
26+ - Select "Create project with sample data"
27+ - Choose B2B or B2C sample data based on your needs
28+ - Choose a project key (it will automatically be prefixed with ` ecomhack25- ` )
29+ - Make sure you check "I am participating in the ecomhack event with this project"
30+
31+ ### 3. Get API Credentials
32+ 1 . Navigate to: Settings > Developer settings
33+ 2 . Click "Create new API client"
34+ 3 . Configure client:
35+ - Name: ` team<XX>-app `
36+ - Template: Select "Admin Client"
37+ 4 . Save credentials immediately after creation
38+
39+ ### 4. Configure Environment
40+ 1 . Copy environment template:
41+ ``` bash
42+ cp .env.example .env
43+ ```
44+
45+ 2 . Update ` .env ` with your credentials:
46+ ``` env
47+ # Project Configuration
48+ CTP_PROJECT_KEY=ecomhack25-team<XX>
49+
50+ # API Credentials
51+ CTP_CLIENT_ID=your-client-id
52+ CTP_CLIENT_SECRET=your-client-secret
53+
54+ # API Endpoints
55+ CTP_API_URL=https://api.europe-west1.gcp.commercetools.com
56+ CTP_AUTH_URL=https://auth.europe-west1.gcp.commercetools.com
57+
58+ # Scopes (Admin template provides full access)
59+ CTP_SCOPES="manage_project:${CTP_PROJECT_KEY} view_products:${CTP_PROJECT_KEY}"
60+ ```
61+
62+ ⚠️ ** IMPORTANT NOTES:**
63+ - Save your Client Secret immediately - it cannot be retrieved later
64+ - Never commit ` .env ` file to version control
65+ - Keep credentials secure and never share in AI prompts
66+
67+
568## 🛠 Available guides
669
770### 📦 ** Composable Commerce SDK**
@@ -92,101 +155,17 @@ Complete React e-commerce application with embedded checkout:
92155- ** Real-time Updates** : Cart and checkout state management
93156
94157** Framework** : ` checkout/ `
95- ** Full guide** : [ checkout/README.md] ( checkout-example/README.md )
96-
97- ## 🔑 Project Setup
98-
99- ### 1. Create or use a commercetools account
100-
101- > If you have no commercetools account follow the following instructions
102-
103- 1 . Visit [ commercetools Merchant Center] ( https://mc.europe-west1.gcp.commercetools.com/login/new )
104- 2 . Create a new account and organization - no credit card required
105- 3 . Enter your E-Mail and follow the instruction in the E-Mail sent
106- 4 . The project creation flow shows
107- - Select "Create project with sample data"
108- - Choose B2B or B2C sample data based on your needs
109- - Chose an organization name of your liking
110- - Choose a project key (it will automatically be prefixed with ` ecomhack25- ` )
111- - Make sure you check "I am participating in the ecomhack event with this project"
112-
113- > If you have a commercetools account follow the following instructions
114-
115- 1 . Visit [ commercetools Merchant Center] ( https://mc.europe-west1.gcp.commercetools.com/login )
116- 2 . Login with your username and password
117- 3 . Visit the [ project creation page] ( https://mc.europe-west1.gcp.commercetools.com/account/projects/new )
118- - Select "Create project with sample data"
119- - Choose B2B or B2C sample data based on your needs
120- - Choose a project key (it will automatically be prefixed with ` ecomhack25- ` )
121- - Make sure you check "I am participating in the ecomhack event with this project"
122-
123- ### 3. Get API Credentials
124- 1 . Navigate to: Settings > Developer settings
125- 2 . Click "Create new API client"
126- 3 . Configure client:
127- - Name: ` team<XX>-app `
128- - Template: Select "Admin Client"
129- 4 . Save credentials immediately after creation
130-
131- ### 4. Configure Environment
132- 1 . Copy environment template:
133- ``` bash
134- cp .env.example .env
135- ```
158+ ** Full guide** : [ checkout/README.md] ( checkout/README.md )
136159
137- 2 . Update ` .env ` with your credentials:
138- ``` env
139- # Project Configuration
140- CTP_PROJECT_KEY=ecomhack25-team<XX>
141160
142- # API Credentials
143- CTP_CLIENT_ID=your-client-id
144- CTP_CLIENT_SECRET=your-client-secret
145-
146- # API Endpoints
147- CTP_API_URL=https://api.europe-west1.gcp.commercetools.com
148- CTP_AUTH_URL=https://auth.europe-west1.gcp.commercetools.com
149-
150- # Scopes (Admin template provides full access)
151- CTP_SCOPES="manage_project:${CTP_PROJECT_KEY} view_products:${CTP_PROJECT_KEY}"
152- ```
153-
154- ⚠️ ** IMPORTANT NOTES:**
155- - Save your Client Secret immediately - it cannot be retrieved later
156- - Never commit ` .env ` file to version control
157- - Keep credentials secure and never share in AI prompts
158- - Project key must start with ` ecomhack25- `
159-
160- ## 🛠 Prerequisites
161-
162- - Node.js v16 or higher
163- - npm or yarn
164- - commercetools account with:
165- - API Client credentials
166- - Project setup
167- - Required scopes configured
168-
169- ## 🔧 Configuration
170-
171- 1 . Copy ` .env.example ` to ` .env ` :
172- ``` bash
173- cp .env.example .env
174- ```
175-
176- 2 . Update environment variables:
177- ``` env
178- CTP_PROJECT_KEY=your-project-key
179- CTP_CLIENT_ID=your-client-id
180- CTP_CLIENT_SECRET=your-client-secret
181- CTP_SCOPE=your-scopes
182- ```
183161
184162## 🆘 Support & Resources
185163
186164### ** Documentation**
187- - [ Commercetools Platform Documentation] ( https://docs.commercetools.com )
165+ - [ commercetools Documentation] ( https://docs.commercetools.com )
188166- [ Commerce MCP Documentation] ( https://docs.commercetools.com/sdk/commerce-mcp )
189167- [ API Reference] ( https://docs.commercetools.com/api )
168+ - [ Checkout Reference] ( https://docs.commercetools.com/checkout )
190169
191170### ** Community**
192171- [ Community Forum] ( https://community.commercetools.com )
@@ -198,8 +177,3 @@ CTP_SCOPE=your-scopes
198177- [ OpenAI Function Calling Guide] ( https://platform.openai.com/docs/guides/function-calling )
199178- [ AI SDK Documentation] ( https://sdk.vercel.ai/docs )
200179
201- ## ✨ Acknowledgments
202-
203- - commercetools Team
204- - EcomHack.AI Community
205- - All open source contributors
0 commit comments