Webiny Software

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 Software

Webiny

Overview

GitHub
 

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