Craft beautiful websites effortlessly with an intuitive visual builder and publish them instantly
Frappe Builder is a low-code website builder designed for simplicity, speed, and flexibility. Craft beautiful websites effortlessly with an intuitive visual builder. Whether you’re a designer looking for ease or a developer seeking customization, Frappe Builder empowers you. It also features a click-to-publish option that gives you the complete end-to-end website creation experience.
Most existing solutions were either too complex, too restrictive, or difficult to integrate with the Frappe ecosystem. Additionally, pages built with these tools were often bloated with unnecessary scripts and styles. I wanted to take a stab at solving this problem while prioritising performance from day one. I aimed to address two major issues with this project: providing an intuitive way to design a web page and enabling one-click publishing. As a web developer, it helps me scratch my own itch, and I hope it helps others too.
Get started with your personal or business site with a few clicks on Frappe Cloud - our official hosting service.
Follow these steps to set up Frappe Builder in production:
Step 1: Download the easy install script
wget https://frappe.io/easy-install.py
Step 2: Run the deployment command
python3 ./easy-install.py deploy \
--project=builder_prod_setup \
[email protected] \
--image=ghcr.io/frappe/builder \
--version=stable \
--app=builder \
--sitename subdomain.domain.tld
Replace the following parameters with your values:
[email protected]
: Your email addresssubdomain.domain.tld
: Your domain name where Builder will be hostedThe script will set up a production-ready instance of Frappe Builder with all the necessary configurations in about 5 minutes.
You need Docker, docker-compose and git setup on your machine. Refer Docker documentation. After that, run following command:
Step 1: Setup folder and download the required files
mkdir frappe-builder && cd frappe-builder
wget -O docker-compose.yml https://raw.githubusercontent.com/frappe/builder/develop/docker/docker-compose.yml
wget -O init.sh https://raw.githubusercontent.com/frappe/builder/develop/docker/init.sh
Step 2: Run the container
docker compose up
Wait until the setup script creates a site and you see Current Site set to builder.localhost
in the terminal. Once done, the site http://builder.localhost:8000 should now be available.
Credentials:
Username: Administrator
Password: admin
bench start
and keep it running.frappe-bench
directory and run following commands:bench get-app builder
bench new-site builder.localhost --install-app builder
bench browse builder.localhost --user Administrator
builder.localhost:8000/builder
in your web browser.For Frontend Development
cd frappe-bench/apps/builder
yarn install
yarn dev --host
http://builder.localhost:8080
Note: You’ll find all the code related to Builder’s frontend inside frappe-bench/apps/builder/frontend