While building your project, you may want to preview it to see how it actually looks and behaves when viewed online.
Besides the preview screen occupying the right side of the Coderick interface, there is also a Preview button on the top right. The behavior of the button is different based on whether your project is published or not. In both cases, however, it enables a full, real-world preview of your project in the browser.
Unpublished Projects
For unpublished projects, the Preview button at the top right opens a new browser window that loads a temporary URL, allowing you to see how the project looks and feels.
Screenshot
Published Projects
For published projects, the Preview button in the top right corner is a drop-down menu with two different modes.
- Preview: Shows the latest unpublished changes on a temporary URL in a new browser window. While previewing the project, the live version remains intact, and the new edits will be applied only if you click the Update button.
- Live Version: Shows the live version of your project in a new browser window. Note that the recent unpublished changes will not be visualized and will be applied only if you publish them.
