How to create the whole website in using frappe

Frappe Framework
, , , ,
1

I am new to Frappe and currently working on creating a website using it. So far, I have set up a site and created a custom app. I would also like to use some ERPNext features within my site.

I have already created custom pages using HTML, CSS, and JavaScript in my site and app, but now I am not sure how to proceed further to make everything work as intended.

If anyone could guide me, share documentation, or point me to resources that can help me better understand the next steps and complete my project, I would be truly grateful.

2

If you’ve already created your site and a custom app, the next steps depend on how you want to build your site:

  • Use the default Frappe website UI – you can customize it by editing templates, themes, and hooks.
  • Use Frappe Web Pages – create web pages inside your app and use routing to redirect users to those pages.
  • Build a completely custom frontend – if you want a fully different UI, you can build a Vue/React app and use Frappe only as the backend. Check out Doppio for integrating SPAs with Frappe.

Where exactly are you stuck right now? That’ll help in providing more targeted guidance.

1 Like
3

Thank you so much for taking the time to reply and guide me.

Currently, what I have done is create templates and place them in my custom_app/www and templates folders, and I am using them directly on my site. That’s how I am working at the moment.

However, I am still not very clear about the exact difference between the website I am building and the Frappe Desk. Since I have not used Doctypes to create forms and other features, I am simply adding my custom pages inside my custom app, which then show up on the site.

Now I would like to implement features such as backend role-based permissions, email verification, etc. Should these be handled through the Desk? Also, I am not sure how I can properly use ERPNext features within my website.

As I am new to Frappe/ERPNext, I find this part a bit confusing. Any guidance, documentation, or examples that can help me understand the right approach would be greatly appreciated.

4

@Ashish1_3 : There is something called frappe builder also , which is use ful for websites. Pls try Builder | Frappe Cloud Marketplace

1 Like
5

hi,
I just stumbled upon this thread. I am stuck in a similar situation.

I have a website

  1. About 3 pages for website - which are suppose to show data from erpnext dynamically. Like enabled from item list. to show 1 item on website.
  2. Signup flow
  3. Check out Flow.

there are other things but I think you can provide me guidance based on this.

Currently I am just using the www/ in custom app for all the pages.

my question is should I switch to SPA? I mean I don’t need the styling to be different form what frappe ships standard. but I want to manage the app better. currently it is a mess.

Please guide me as much as possible.

6

HI @Rizwan_Ahmed
If you have only 3 pages and already made it, lets stick with that,
SPA is great but you have to make whole frontend from scratch, i will take time.

please me what problem are you facing, i will resolve that ASAP

1 Like
7

Hi,

Thanks for the Reply, Sorry for the late reply I did not get notified so, did not notice until now.

You are right but I needed to build a customer portal for the customer in near future. So, I just went ahead and built the SPA for now.

I am pretty new frappe development and just wanted to know what is best practices on building website on frappe.

8

can you create a user for the customer and just provide the role of customer and related permission, it will solve and reduce effort as well

1 Like