/webstudio-designer

🖌 Webstudio Visual Designer

Primary LanguageTypeScriptMIT LicenseMIT

Webstudio Designer

Webstudio Designer is a NoCode Visual Tool inspired by Webflow. It is the place where you can build your site or app visually.

Installation

  1. Install Node.js
  2. Install Yarn npm i -g yarn
  3. Install MongoDB or use Atlas (recommended)
  4. Clone this repository git clone git@github.com:webstudio-is/webstudio-designer.git
  5. Connect to the database: add a database URL to the env variables by creating an .env file in the root of the project and adding there DATABASE_URL="mongodb+srv://user:password@host"
  6. Run yarn
  7. Run yarn dev - URL will be logged

Deployment to Vercel

  1. import your Git repository into Vercel, and it will be deployed.
  2. Add DATABASE_URL to env variables
  3. Redeploy

If you'd like to avoid using a Git repository, you can also deploy the directory by running Vercel CLI:

npm i -g vercel
vercel

It is generally recommended to use a Git repository, because future commits will then automatically be deployed by Vercel, through its Git Integration.

Community

Twitter

Discussions

Discord