Preview Merge Request Changes
How to preview merge request (MR) changes, to review, test, or even contribute them.
Overview
This page shows different ways to preview merge request (MRs) changes. For the full review process, see Product Designer MR Reviews.
Preview options
You can preview MR changes for the app, documentation, Pajamas, or company handbook using these methods:
- Gitpod (Get started and Help): Cloud environment that provides a ready-to-use app with one click. Works for GitLab instances (using GDK, see below), docs, Pajamas, and handbook.
- GitLab Development Kit (GDK) (Get started and Help): Run GitLab on your local machine. Requires technical knowledge and can break during updates.
- Review Apps (Get started): Unique links created for each MR. Great for documentation but limited for GitLab instances (improvements planned).
- Sync with author: Although we have a bias towards asynchronous communication, sometimes a quick call with the MR author is the most efficient approach.
Comparison table
Gitpod (cloud) | GDK (local) | Review App | Sync with author | |
---|---|---|---|---|
First start* | ๐โโ๏ธ Fast (<5 min) | ๐ข Very slow (30+ min) | GitLab (>30 min) Docs (>20 min) Pajamas (~10 min) Handbook (~10 min) |
๐โโ๏ธ Fast (few mins) |
Restarts | ๐โโ๏ธ Fast (<2 min) | ๐คท Depends on your machine | ๐ Very fast (secs) | ๐โโ๏ธ Fast (few mins) |
Make changes | โ | โ | โ | โ |
Preview/test | โ | โ | โ | โ |
Save stateยง | โ | โ | โ | N/A |
Toggle feature flags | โ | โ | โ | โ |
Test data for GitLab instances | โ | โ | โ | N/A |
Contributing
Product Designers should have general knowledge of Git and DevOps flows. Using GitLab in a live environment and making small contributions helps build:
- Empathy for user workflows.
- Understanding of the product.
- Skills to make small improvements directly (UI copy, component migration, etc.).
Gitpod
To use Gitpod:
- Create a free Gitpod account.
- Connect it to your GitLab account. This happens automatically when launching from GitLab.com, but if it doesn’t work, see how to manually connect them.
Resources:
- Launch Gitpod
- Gitpod for the GitLab project (i.e. cloud GDK)
- ๐บ Get started with Gitpod
- ๐บ Review MRs with Gitpod
- GDK commands (start, stop, update, etc.)
- Preview/change GitLab
- Preview/change docs
- Apply GitLab paid license
- Configure additional GitLab features (runners, feature flags, advanced search, etc.)
- More how-to topics for GDK
- Check out branches
- Commit and push changes
- Prevent auto-deleting workspaces
- Gitpod official documentation
GDK
- One-line installation
- ๐บ Review MRs with GDK
- Browse your dev server
- GDK commands (start, stop, update, etc.)
- Preview/change GitLab
- Preview/change docs
- Apply GitLab paid license
- Toggle feature flags
- More how-to topics for GDK
Review Apps
- Use Review Apps in MRs
- Log into Review Apps
- Prevent auto-stopping
- ๐บ Toggle feature flags. You can enable feature flags using tools like
curl
or Postman..
Help
If you get stuck:
- If using GDK (locally or in Gitpod), try to troubleshoot it yourself first. Then, don’t hesitate to reach out for help (see below).
- Gitpod help
- Ask in the
#gitpod-gdk
Slack channel. - Contact: Marcel van Remmerden
- Ask in the
- GDK help
- See getting help.
- Ask in the
#gdk
Slack channel. - Contact: Taurie Davis, Sunjung Park
Last modified June 3, 2025: Make preview MR for UX MR reviews more specific (
77f4d655
)