You can create fully functional static GraphQL data-driven websites using our JAMStack Tool. The websites are entirely based on your schema and customisable using CSS and JS consoles. You also have an option to preview, export and save your work in a few convenient ways.
First, we need to prepare a valid GraphQL Schema (with at least one query) which will be the core of our model. When we have our schema ready, we deploy mock backend and open JAMStack Tool.
Deploy Mock Backend -> JAMStack
To start working on our mock frontend, we create a new view. You can create multiple views for a single GraphQL schema and freely switch between them. Each will contain its own CSS/JS code and components.
Create a view
Creating a static page preview
Now you can start writing the CSS/JS code that will describe how your frontend will look like. If you want to change the endpoint you are calling for this schema (for example real backend), just change this function a little bit. See the example of the entire code here.