Using Quasar Framework with Dynamics NAV/Business Central

The Quasar Framework is a powerful open-source cross-platform framework based on Vue.js. Vue.js is trusted by numerous high-profile companies such as Alibaba, Adobe, Grammarly, GitLab, Netflix, and Xiaomi. The primary objective of this framework is to enable developers to “write code once and deploy it simultaneously as a website, a mobile application, and/or a desktop application.”

This framework offers various flavors for creating responsive web applications such as:

  1. A SPA (Single Page Application/Website)
  2. A SSR (Server-side Rendered App/Website)
  3. A PWA (Progressive Web App)
  4. A BEX (Browser Extensions)
  5. A Mobile App (through Cordova or Capacitor)
  6. An Electron App

Quasar Framework proves to be a useful tool for extending the functionality of Microsoft Dynamics NAV/BC. It excels at building user-friendly interfaces for interacting with NAV, making it ideal for various applications such as e-commerce solutions, self-service kiosks, POS terminals, inventory control systems, and much more. By leveraging the Quasar Framework, developers can build custom solutions that enhance NAV’s capabilities while providing an intuitive and seamless user experience.

The figure above illustrates a sample architecture for integrating Quasar Framework with Dynamics NAV/Business Central. The middle tier in this architecture can be either Node.js BC365 middleware or .NET Core NAV middleware.

Examples of integration Quasar Framework with Dynamics NAV/BC.

Tokyo Sushi e-commerce solution

Web-based point of sale 

Appointment scheduling tool