
Webiny Free Form Builder
Build Production Ready Full-Featured Forms With Webiny
Webiny comes up with a complete open source package containing an elegant drag and drop UI to build forms, version tracking, forms theming and data management.
Webiny is a self-hosted open source platform developed to meet most of the serverless business use cases. It is a complete package to automate most of the online business processes which includes an enterprise form builder to build and deploy forms. It is developed using the most advanced technologies like GraphQL, Nodejs as the server side environment and Reactjs for the front end.
Rapid application development is the need of the time. However, Webiny provides CLI to set-up and bootstrap the project locally as well as to deploy on the cloud. Webiny supports the scaffolding options to speed up the development processes like creating services, schema and comes with built-in Apollo Gateway integration.
Being a serverless environment, Webiny offers unlimited scalability provisions to eliminate the issues related to load balancing and it all happens automatically with the help of defined services.
Data security is the most critical aspect when it comes to the integration with the third party resources. Webiny introduces token based mechanisms in which API issues tokens for the users to consume the third party integrations within the application.
Along with many other options, Form builder at Webiny offers custom validation rules on the form fields, multi language support, provision to preview the form before publishing and built-in support for reCAPTCHA.
System Requirements
Requirements to setup Webiny include
- Node.js >= 10.9.0
- npm & npx
- Yarn < 2.0
- AWS account with an IAM user
- MongoDB 4.2.x +
Features
Following are the key features of Webiny
- Serverless Architecture
- Open Source
- Drag & Drop Interface
- Advanced Form Builder
- Highly Scalable
- Easy Data Management
- Custom Validations
- Third Party Integrations
- Complete Admin Dashboard
- Theme Management
- Mobile friendly
- Flexible
- WebHooks
- Users and Roles Management
- Export Submissions
- Integrated ReCAPTCHA
Installation Instructions
Run this command to create Webiny project:
npx create-webiny-project new-project
Set up the database now. Place the .env.json
file in the root directory of your project and after changing the MONGODB_SERVER
and MONGODB_NAME
parameters your .env.json file should look like this:
{
"default": {
"AWS_PROFILE": "default",
"AWS_REGION": "us-east-1",
"MONGODB_SERVER": "mongodb+srv://{YOUR_USERNAME}:{YOUR_PASSWORD}@someclustername.mongodb.net",
"MONGODB_NAME": "{YOUR_MONGODB_NAME}",
"DEBUG": true
}
}
Values of AWS parameters can be found from your AWS account.
Now, we need to set-up API environment locally and it may take 10 to 15 minutes.
yarn webiny deploy api --env=local
Once it is completed, start the app using the following commands:
cd apps/admin
yarn start
Admin app will run an installation wizard so complete every step before going next. Finally, the environment is set-up locally and you can see several ready-made apps including a Form Builder.
Likewise, follow the following commands to run any other app:
cd apps/site
yarn start
Explore
You may find the following links relevant: