The FastStore WebOps app now includes Deployment Previews, a feature that allows users to preview their pull request changes in a live environment before merging them into production. This feature helps minimize the risk of introducing bugs or unexpected behaviors to the live store, safeguarding the store user experience.

Previously, FastStore WebOps users could commit changes to their repository and preview them in the Dashboard, but this required finding the specific commit in the Preview Deploys list.

Now, with the new deployment preview feature, developers can see store previews directly on GitHub, staying focused on their tasks and reducing the risk of introducing issues to the live store.

With Deployment Previews, FastStore WebOps users can:

• Reduce risk of bugs: Catch and fix errors early in the development process.
• Improve quality control: Ensure your changes align with your store's design and functionality.
• Faster Development: Iterate on your changes more efficiently without worrying about unintended behaviors.

To enable the Deployment Previews, update the FastStore WebOps permissions on your store repository. Follow these steps:

1. Open your GitHub repository.

2. Access the Settings page on the ⚙ Settings tab.

3. On the Settings page, go to Integrations > GitHub Apps.

4. In the FastStore WebOps app section, click Configure.

5. You will see the message FastStore WebOps is requesting an update to its permissions. Click Review request.

   

6. Click Accept new permissions.

7. Make a small change to your store's code.

   For example, you can go to src/themes/custom-theme.scss and change one of the Global tokens of the stylesheet.

8. With this change, create a commit and open a pull request to see if the new Deployment feature is available.

9. Submit the changes as a pull request.

10. Once you have opened the pull request, look for the deployment preview link in the pull request details:

    

11. Click View deployment, and a new browser tab will open with a new store preview.