Thanks for the feedback, is it cramped when it is vertical and horizontal? or just vertical
I am only working on one wide screen size, I will take a look on how this looks on different screens
You have all the data on the left and the preview on the right, basically you can edit anything on the left side and it should be reflected on the preview size (you might need to refresh the preview on some changes).
- The cross-hairs in some elements will help you to navigate to the preview elements.
- You can click on the elements on the preview to go to the code, values, frame or page on the left side.
- You can add pages, products, categories and collections of products
- The pages are a little opinionated, those are composed by a list of elements, those elements can be a section, paragraph or raw code. (you can drag and drop the sections)
The editor and the preview are separated React apps.
The cart functionality is provided by a React component, this same cart functionality will be present on the static production build.
The main goal is to generate a static store that can be deployed to a CDN and only have server functionality when a order is placed