Custom Frappe App + Frappe UI

Frappe Framework
, ,
1

I’m creating a Frappe App with custom doctypes and modules in it. I need custom a web page with file upload and charts in it. This page basically is like a calculator of some sort, with inputs from doctype instances and some user inputs. I used Frappe UI for this custom web page. Other requirements for this web page are:

  1. The page has read and write access to some doctypes.
  2. This web page should be accessible only for logged in users.
  3. I also want to be part of the sidebar as a menu item after they logged in.
  4. For the administrator, this page should be accessible in the side bar menu.

I already written a couple of Vue components for the page and I don’t think it fits in the “Web Page” doctype or even “Portal Pages”.

I stopped working with frappe framework for quite some time, so I’m not sure how to approach this. What is the best way to implement this in Frappe Framework?

2

Install Doppio on your bench then bench add-frappe-ui to add a Vue frontend for your custom app (You will be prompted to enter app name)

Doppio will handle the rest for you and setup routing.

Then you can access your frontend at localhost:8080 or localhost:8000/frontend (after build)