s3prototype / takeshape-starter-scully

A starter project for adding TakeShape to a Scully Project. Please follow the instructions in the README to start.

TakeShape Starter Scully

The following is a guide to launching a Scully TakeShape project that injects Ecommerce data into your static site.

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/S3Prototype/takeshape-starter-scully.

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

6. Edit products.service.ts in the src/app/ 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.

7. Run npm install and then the following commands in your terminal:

ng build
npx scully
npx scully serve

Alternatively, run the npx scully-all custom command we've configured in the package.json.

Learn More

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