Frappe Vue Starter

Based on all the work from here - https://github.com/NagariaHussain/doppiofrappeuistarter [Start here] https://github.com/NagariaHussain/doppio bench add-frappe-ui

Install Frappe Vue Starter

bench get-app https://github.com/woakes070048/frappe-vue-starter

Add the Frappe Gems badge to your README

Maintain Frappe Vue Starter? Paste this into your README:

[![Listed on Frappe Gems](https://frappegems.com/api/method/frappe_gems.seo.badge?app=woakes070048%2Ffrappe-vue-starter)](https://frappegems.com/gems/apps/woakes070048/frappe-vue-starter)

About Frappe Vue Starter

Frappe-UI with Vue 3 on Frappe App Based on all the work from here - https://github.com/NagariaHussain/doppio_frappeui_starter [Start here] https://github.com/NagariaHussain/doppio bench add-frappe-ui ✅bench new-site home.localhost - Create a new site ********* bench --site home.localhost set-config developer_mode 1 bench --site home.localhost set-config maintenance_mode 0 bench --site home.localhost clear-cache bench --site your-site-name enable-scheduler - FOR EMAIL TO WORK ************ ✅bench get-app homemain https://github.com/benjamen/frappe-vue-starter.git --branch main ✅bench --site home.localhost install-app homemain image ✅ Step-by-Step: Install and Run frontend ✅ 1. Navigate to the frontend folder cd apps/homemain/frontend ✅ 2. Install dependencies yarn install This installs Vue 3, Vite, Tailwind, frappe-ui, etc. ✅ 3. Check your Vite proxy Open vite.config.ts and ensure you have this: server: { proxy: { '/api': 'http://localhost:8000', // or http://home.localhost:8000 if using Docker } } This allows your frontend to talk to Frappe via /api. ✅ 4. Run the development server yarn dev sometimes in site_config.json "ignore_csrf": 1, "allow_cors": "*", "cors_credentials": true This code corrects issues with the original https://github.com/NagariaHussain/doppio with bench add-frappe-ui and extends to allow dynamics UI via webform configuration

Related Developer Tools apps for Frappe & ERPNext

  • Frappe — Low code web framework for real world applications, in Python and Javascript
  • Frappe Docker — Docker environment for developing, deploying, and running Frappe applications (ERPNext and custom apps) in production and development
  • Builder — Craft beautiful websites effortlessly with an intuitive visual builder and publish them instantly
  • Bench — CLI to manage Multi-tenant deployments for Frappe apps
  • Frappe Ui — A set of components and utilities for rapid UI development
  • Press — Full service cloud hosting for the Frappe stack - powers Frappe Cloud
  • Gameplan — Open Source Discussions Platform for Remote Teams
  • Doppio — A Frappe app (CLI) to magically setup single page applications and Vue/React powered desk pages on your custom Frappe apps.