Better ways to preview components on remote
in progress
H
Huy
Currently while developing components, we can only preview them locally with mock data and a component on its own.
We don't have the ability to preview the components directly on remote or together without pushing a component live and set them on a page, this leads to having multiple redundant versions just to change a few words or lines.
While this is only relevant during the final stretch of a component's development, it's nevertheless inefficient to have multiple versions with minor edits that would've been tracked by git anyway.
My suggestions for some things to add to make developing components smoother:
- Previewing on live instance without new version: something a single "develop" version that can be enabled within the DXP Console.
- Cross-component local preview files: a cause of the issue is that local previews can't use local files or share previews. We work around this by having the preview wrappers be generated with remote assets and also use inline JS/CSS for the components. If we can create local assets just for preview, it'll greatly increase the accuracy of local preview and also less redundant codes packages.
But if these already worked and I missed it from reading the documentations, please let me know.

Cam Ross
updated the status to
in progress

Cam Ross
Hi Huy,
Great news! Your request about having a single "develop" version aligns directly with our upcoming product vision. It is currently planned on our roadmap for release in February, but talk to your Customer Experience Manager if you are interested in getting involved in our beta program earlier than that.
For your request about local preview files, this is something that falls outside our current strategic focus and roadmap priorities. Because of this, we are not planning to build this specific feature in the foreseeable future. Our recommended approach is to test the component only in isolation locally, and then test with other assets & shared JS/CSS in a test/sandbox environment in your matrix instance.
Thank you for helping us make our platform better!
Best regards,
Cam, Product Lead