• Setting up your external DNS provider to point your custom domain to your VTEX website. Custom domains can be purchased from any domain registration platform.
• Configuring your custom domains in VTEX Account Settings.
• Associating your custom domains with your FastStore project.

• Set up your VTEX account.
• Develop your FastStore project with Next.js by following the Getting Started track.
• Deploy your FastStore project.
• Buy the desired domain.
• Redirect the root domain to the www subdomain.

If you still need to configure other VTEX solutions, please use a fictitious domain name while taking the following steps. Once you have set up all the desired integrations, repeat this guide using your final domain to make your website publicly available to end-users.

1. Access your domain provider's website.
2. Create a CNAME DNS record for your www domain (e.g., www.mystore.com) that points to www.{rootDomain}.com.cdn.vtex.com (e.g., www.mystore.com.cdn.vtex.com). Check the documentation of your domain provider for more information.
3. Now, create a CNAME record for the secure subdomain (e.g., secure.mystore.com) that points to secure.{rootDomain}.cdn.vtex.com (e.g., secure.mystore.com.cdn.vtex.com). This subdomain will be used by the Checkout, Order Placed, Login, and My Account pages.

Please note that the configured addresses may not be immediately available to everyone due to DNS propagation, which can take 24-48 hours to complete.

1. On VTEX Admin, click your profile avatar, which can be identified by the first letter of your email address.
2. Access Account Settings > Account.
3. Go to the Stores tab and in the Hosts table, click the menu (⋮) and choose Edit.
4. In the Hosts field, enter your main domain (e.g., www.mystore.com) to the list.
5. Click Add.
6. Add the secure subdomain (e.g., secure.mystore.com) to the list.
   
7. Add the root domain as well; e.g., if your domain is www.mystore.com, add mystore.com. For a complete setup, you must add three hosts for each domain:
   • www.mystore.com (store domain)
   • mystore.com (root domain)
   • secure.mystore.com (checkout/myaccount subdomain)

To ensure a seamless checkout experience, all subdomains used by your store must be added to the host list. In other words, you must include both the www. and non-www. domains in the hosts' list. Stores with custom prefixes, like shop.mystore.com, need both the prefix and main domain (shop.mystore.com and mystore.com) added. This guarantees that the checkout process works seamlessly when customers access the store with or without www. or any other custom prefix.

8. Click the Save button.

1. Open your FastStore project in any code editor of your preference.
2. Open the faststore.config.js file.
3. Update the storeUrl, secureSubdomain, checkoutUrl, loginUrl, and accountUrl properties as in the following:
   • storeUrl: https://{rootDomain}
   • secureSubdomain: https://{subdomain}.{rootDomain}
   • checkoutUrl: https://{subdomain}.{rootDomain}/checkout
   • loginUrl: https://{subdomain}.{rootDomain}/api/io/login
   • accountUrl: https://{subdomain}.{rootDomain}/api/io/account

4. Save your changes.
5. Open the vtex.env file.
6. Add the SITE_HOST key with the main domain specified in Configuring domains in VTEX Account Settings as the value.
   /vtex.env

   
   

   _10

   + SITE_HOST=www.mystore.com

   
   
7. Save your changes.
8. Open a Pull Request, commit your changes, and deploy them to main/master.

• Your VTEX account name.
• The secure and main domains of your store.

• Setting up DNS pointing to VTEX
• How to insert a reverse proxy in front of VTEX services