Skip to main content

Create a new Dynatrace app

  • Tutorial
  • 1 minute

In this section, we'll do the following:

  • Set up our development environment
  • Create a new Dynatrace app
  • Run our app in the browser

1. Set up our development environment​

To work on Dynatrace Apps, we need node version 22 or newer. First, check your node version by running the following command:

node --version

Also, ensure you have your preferred code editor, like Visual Studio Code. We'll need that in the later part of the tutorial.

2. Execute the create command​

Then, run the following command in your terminal to generate a project with the base code for the new app:

npx dt-app@latest create --environment-url https://wkf10640.apps.dynatrace.com

The App Toolkit will ask you to name your app. For this tutorial, we'll use Host Insights.

3. Start the development server​

Finally, go to the app's root directory by running cd host-insights in the terminal and start the development server by running the following command:

npx dt-app dev

After executing this command, the app will automatically open in a new browser window.

Note

For Chrome 142 or later, you need to give permission to the browser to connect to any device on your local network.

For more info about the above, and for any other issues with local app development, visit the troubleshooting information.

You've successfully set up your development environment. In the next section, we'll fetch and visualize the data stored in Grail.

Still have questions?
Find answers in the Dynatrace Community