Webstudio

welcome to a new era of no-code for creatives, innovators and visionaries building on the New Internet. What required a team of developers, can now be done by you, through a visual drag and drop editor and carefully curated components to help you build and launch full stack web3 applications in minutes and without code.

What is it?

Webstudio is the ultimate no-code development platform for the new Open Web. It lets you create interactive, multi-user dapps for desktop and mobile web browsers and includes all the tools you need to build a site like Opensea or Uniswap from powerful primitives. Launch Landing Pages, NFT Marketplaces, NFT Minters, Payments solutions, DAOs and more from ready made templates. Speed up your iterations without having to start from scratch. Through public blockchain based technologies handle your own deployments, hosting and data. There are no hard limits on the number of users, volume of traffic, or storage.

How it works?

Creating a dApp with the Webstudio

Getting Started

If you are looking to build dApps without code, I recommend you use our cloud platform Webstudio. For developers contributing to the project here are the configuration steps.

1. Prerrequisites

• Node 18
• Create a Moralis Account

2. Create a .env

SKIP_PREFLIGHT_CHECK=true
REACT_APP_HOST_ENV=dev
REACT_APP_PINATA_JWT=<Create a Pinata account with paid subscription and JWT token>
REACT_APP_WEBSTUDIO_API_URL=<Request us access through discord for this one>
REACT_APP_MAGIC_API_KEY=<Create a magic link project and use the sk key>
REACT_APP_WEBSTUDIO_WS_API=<websocket url of AI assistant>
REACT_APP_WIX_SUBSCRIPTION_ENDPOINT=<endpoint that verifies subcription details for current user>
REACT_APP_DISCORD_WEBHOOK=<url of webhook to send events>
REACT_APP_INFURA_API_KEY=<default infura key>

3. Install dependencies

Then, run the development server:

npm i

4. Run the project

Then, run the development server:

npm run start

Open http://localhost:3000 with your browser to see the result.

5. Build the project

Then, run the development server:

npm run build

Language Settings

In order to leverage localized settings you must include locale query param with any of the supported languages, en by default.

https://localhost:3000?locale=es