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
- Install bench.
- Install Frappe Builder app
$ bench get-app builder
- Create a site with builder app
$ bench --site sitename.localhost install-app builder
- Once the site is setup, use bench browse command to open the site in browser
$ bench browse sitename.localhost --user Administrator
- 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.