Set up your storefront
To set up your Adobe Commerce Storefront powered by Edge Delivery Services for Adobe Commerce as a Cloud Service (SaaS), use the following steps.
If you want a more customizable and detailed walkthrough, refer to the storefront documentation.
-
Open the site creator tool.
-
Select Create New Site (Code & Content).
-
Enter the Github Organization/Username where you want to create the storefront code repository.
-
Enter a Site Name.
-
In the Commerce GraphQL Endpoint (optional) field, enter your Adobe Commerce as a Cloud Service (SaaS) GraphQL endpoint, which you can access in the Commerce Cloud Manager after creating your instance.
Alternatively, if you are using API Mesh, enter your API Mesh GraphQL endpoint into the Commerce GraphQL Endpoint (optional) field. See create a mesh for more information.
-
Click Create Site. Follow the on-screen instructions to authorize access to your Github repository.
Once the process completes, you can customize your storefront using the following methods:
- Customize your code:
https://github.com/<username or org>/<repo name> - Edit your content:
https://da.live/#/<username or org>/<repo name> - Manage your config:
https://da.live/sheet#/<username or org>/<repo name>/configs-stage - Preview your storefront:
https://main--<repo name>--<username or org>.aem.page/
Next steps
Refer to the following articles for more information:
- To learn more about managing and displaying content and data in the storefront, see updating storefront content.
- For more information on contextual experimentation features, see contextual experimentation.
- For more information on using Generative AI to automate high-quality content generation, see Generate Variations.
- To learn more about updating site content and integrating with Commerce frontend components and backend data, see the Adobe Commerce Storefront documentation.