Create your storefront

Navigate to aem-boilerplate-commerce , select the Use this template button, then select the Create a new repository option to open the form.

Complete the form with the following details:

• Repository template: hlxsites/aem-boilerplate-commerce (default).
• Include all branches: Do not include all branches (default).
• Owner: Your organization or account (required).
• Repository name: A unique name for your new repo (required).
• Description: A brief description of your repo (optional).
• Public or Private: We recommend public (default).

Select the Create repository button and watch GitHub create your new storefront repo.

After a few seconds, you should be redirected to the home page of your new repo.

Navigate to the AEM Code Sync app and select the Configure button (top right) to open the repo selection page.

Select the organization or account for the repo you just created.

From the form, choose Only select repositories, open the Select repositories selector, and choose your repo from the list.

Select Install (or Save, see note above) to complete the Code Sync installation.

You should see a success screen if the installation completed without errors. Your repo is now connected to the Edge Delivery Services code bus.

(Optional) If you return to the account selection page , your repo’s organization or account will now be gray with “Configure” added. Select your org or account again to access the Code Sync configuration page. This page shows when the app was added to your organization (highlighted) and allows you to connect the Code Sync app to additional repositories.

Copy the URL to your content folder:

• For Google Drive: Open your folder and copy the URL from the browser’s address bar.
• For SharePoint: Open your folder and select the Copy link button.

Go to your GitHub repo and open the fstab.yaml file from the project root.

Edit the fstab.yaml file in place.

Replace the default mountpoints URL (which points to the boilerplate’s SharePoint folder) with your Google Drive or SharePoint folder URL.

Select the Commit changes… button.

Commit the changes directly to main. Now the Edge Delivery system knows where to find the content for this repository.

Open your GitHub repo and copy it’s URL from the browser’s address bar.

Open the Sidekick Configurator tool and complete the fields as follows:

• Repository URL: Paste the URL to your repo (required).
• Project Name: Add name that identifies your storefront (optional).

Select the Go button. If you don’t already have Sidekick installed, you should see links to install Sidekick or add the bookmarklet.

Install Sidekick from the Chrome Web Store or use the bookmarklet. If you’re using the bookmarklet, drag it to your browser’s bookmarks bar. If installing the extension, Pin the Sidekick extension to your browser’s toolbar.

Select the browser’s back button to return to the Sidekick Configurator page. You should now see a message stating “Your Sidekick is not configured for this project yet” and an Add project button.

Select the Add project button to complete your Sidekick setup. You should see a message stating: “Your Sidekick is configured for this project.”

Return to your folder, select ALL files (including .json config files), select the Sidekick extension, and click the Preview button. Repeat this for all files in each folder. Select all the files again, but select the Publish button to publish these files to the CDN. These actions add your content to the internal (preview) and production (publish) Edge Delivery CDNs, where they can be downloaded and displayed in your browser for local development.