TakeShape Starter Svelte

The following is a guide to launching a Svelte TakeShape project that injects Ecommerce data into your components.

Instructions

1. Create a TakeShape project with the pattern in this repo. The button below will deploy the project:

2. Follow our documentation to create a read-only API Key.

3. Find your API Endpoint by navigating to your project in the TakeShape web client and clicking on the Home tab. Scroll down, and you'll see your API Endpoint in the Useful Snippets section on the bottom right. Refer to the image below:

4. In the terminal on your local machine, clone this repo with git clone https://github.com/takeshape/takeshape-starter-svelte.

5. Open the project in your favorite IDE or change directories into it with your terminal.

6. Edit .env.local-example in the src directory and replace the text that says YOUR-ENDPOINT-HERE with your API Endpoint. Replace the text that says YOUR-API-KEY-HERE with your API Key. Rename the file to .env.

7. Run npm install and then npm run dev in your terminal.

Learn More

Check out our docs on this project to learn how this example works.