Your essential APEX companion
APEX Nitro takes your front-end development to the next level by reducing mundane tasks, boosting performance, modularizing code, enhancing teamwork and more.
APEX Nitro is a tool that runs in the background while you develop an APEX application, watching for local static file (e.g.
css) modifications inside of a given directory, compiling them into a better format and sending them back to your APEX application seamlessly. It makes front-end coding faster by syncing these local files to your APEX application in real-time.
For more info on the features, read the documentation.
For more info on the benefits, read the documentation.
This following sections show the easiest way to get started with APEX Nitro.
Go to the full documentation to read more about using APEX Nitro.
Execute this command to install APEX Nitro:
npm install -g apex-nitro
Getting errors? Make sure to read the troubleshooting section.
Execute this command to configure an APEX Nitro project:
apex-nitro config <project>
A new browser tab will open and you can simply fill the form:
You can read about the different options by hovering the help icons.
APEX Nitro requires to make one small modification to your APEX application to allow real-time synchronization. Head to Shared Components, under Application Processes and create a new application process with the following attributes:
Read the documentation for more information.
apex-nitro launch <project>
After APEX Nitro is launched, create, edit or delete any file within your project's source folder. Example
|-/src/ |-css |-app.css |-js |-app.js
APEX Nitro will synchronize the content of the source folder directly to your APEX application.
For the files to work properly at runtime, APEX must reference these files somewhere. For the
Same for the CSS File URLs section:
When you are done developing, you can upload your files to the Shared Components in APEX (this is optional).
apex-nitro publish <project>
Read more to get SQLcl running on your environment.