Webstudio landing site
This is the landing site at https://webstudio.is and, at the same time, a demonstration of a site built with Webstudio and deployed as a standalone Remix app to Vercel. Data is synchronized using CLI and rendered using SDK.
Development
To run this site we only need to install node and JS dependencies, no database or designer is required, since they are decoupled.
- Install Node.js
- Install Yarn
npm i -g yarn - Install dependencies
yarn - Run
yarn devand it will log the URL
Syncing Webstudio data
Important - treat your project id like a private key, since there is no authentification for now.
Host needs to point at any Designer instance, it can be local or in the cloud.
wstd sync <project id> --host <instance url>
Deployment
After pushing it to some remote git repository, import your Git repository into Vercel, and it will be deployed.
If you'd like to avoid using a Git repository, you can also deploy the directory by running Vercel CLI:
npm i -g vercel
vercelIt is generally recommended to use a Git repository, because future commits will then automatically be deployed by Vercel, through its Git Integration.