Frappe Builder

Crafting Web Pages Made Effortless!

Warning

Frappe Builder is currently in an experimental stage, and the core design might get updated to enhance app architecture as needed.

Note: Builder is optimized for mac devices as of now.

Credit: Web Page design source

Getting Started

Using codespaces

builder-getting-started.mp4

• Open this link and click on "Create codespace".
• Once the codespaces is created it'll take some time (~15mins) to initialize. You can track the progress by selecting the Codespaces : View Creation Log from the command palette. You will have to wait until this process is completed.
• Once the setup is done, run bench start command from terminal tab.
• After that, click on the link beside "8000" port under "Ports" tab.
• You'll be greeted with a login page. Enter "Administrator" in username and "admin" in password to login.
• Go to <random-id>.github.dev/builder to access the builder interface.

Local setup

1. Install bench.
2. Install Frappe Builder app

   $ bench get-app builder

3. Create a site with builder app

   $ bench --site sitename.localhost install-app builder

4. Once the site is setup, use bench browse command to open the site in browser

   $ bench browse sitename.localhost --user Administrator

5. To access the builder page, simply enter sitename.localhost:8000/builder in your web browser's address bar. You will now be directed to the builder landing page.

License

GNU Affero General Public License v3.0