Skip to main content
Solved

Is there a quick preview method for Modern UI development 2026r1?

  • May 13, 2026
  • 2 replies
  • 50 views
R
Captain II
Forum|alt.badge.img+6

    I am currently developing Modern UI. After I edit a page each time, I need to publish the project to see the effect. If I find something wrong, I have to modify it and republish. My local computer configuration is quite good (I9 + 32GB), but I still feel that publishing every time is a waste of time. Is there a quick preview method available?

Best answer by Naveen Boga

​@ray20 As your doing this customization in the Customization Project Editor, we requires publish to reflect the changes on the UI.

Inside Customization Projects:

  • every UI change generally requires Publish
  • there is no built-in hot reload
  • no npm execution support
  • no partial frontend build option
  • So the editor itself is slower for Modern UI development.

To Use npm build-dev (Mostly developers follow the below approach)

You need:

  • Acumatica Modern UI source setup
  • Node.js installed
  • frontend project files
  • npm dependencies installed

Then you can:

  • build only specific screens
  • use watch mode
  • reduce rebuild time significantly

Example:

Command:  npm run build-dev -- --env screenIds=SO301000

This command is used in Acumatica ERP Modern UI development to build only specific screens instead of rebuilding the entire frontend.

This is actually one of the best ways to speed up Modern UI customization development.

    2 replies

    Naveen Boga
    Captain II
    Forum|alt.badge.img+20
    • Naveen Boga
    • Captain II
    • Answer
    • May 13, 2026

    ​@ray20 As your doing this customization in the Customization Project Editor, we requires publish to reflect the changes on the UI.

    Inside Customization Projects:

    • every UI change generally requires Publish
    • there is no built-in hot reload
    • no npm execution support
    • no partial frontend build option
    • So the editor itself is slower for Modern UI development.

    To Use npm build-dev (Mostly developers follow the below approach)

    You need:

    • Acumatica Modern UI source setup
    • Node.js installed
    • frontend project files
    • npm dependencies installed

    Then you can:

    • build only specific screens
    • use watch mode
    • reduce rebuild time significantly

    Example:

    Command:  npm run build-dev -- --env screenIds=SO301000

    This command is used in Acumatica ERP Modern UI development to build only specific screens instead of rebuilding the entire frontend.

    This is actually one of the best ways to speed up Modern UI customization development.

    Naveen B - Acumatica MVP 🏆 | Acumatica Developer 🚀 ⏩ https://www.linkedin.com/in/naveenb-acumatica-mvp/
      kpopova
      Acumatica Employee
      Forum|alt.badge.img+2
      • kpopova
      • Acumatica Employee
      • May 13, 2026

      Here are all npm build options: https://help.acumatica.com/Help?ScreenId=ShowWiki&pageid=a2588a07-c385-4f9e-8722-37c2924b92e8

        Terms & ConditionsAccessibility statement
        About Acumatica ERP system
        Acumatica Cloud ERP provides the best business management solution for transforming your company to thrive in the new digital economy. Built on a future-proof platform with open architecture for rapid integrations, scalability, and ease of use, Acumatica delivers unparalleled value to small and midmarket organizations. Connected Business. Delivered.
        © 2008 — 2024  Acumatica, Inc. All rights reserved