Skip to main content

Installation of the Svelte environment

Server-Side Rendering (SSR) frameworks such as SvelteKit require a custom server configuration for application monitoring. SvelteKit basically uses adapters to allow deploying the built result to various environments. To apply the Node.js agent, add code to the SvelteKit configuration file (svelte.config.js).

Note

  • Reference: Svelte Configuration

  • This document was created in accordance with svelte v3.54.0 and sveltekit v1.5 guides.

Installing the agent​

Execute the following command to install the agent.

BASH
npm install whatap

Agent file structure​

For the agent file configuration, see the following.

Creating the svelte.config.js code​

Modify the svelte.config.js file for Svelte application instances. This file is located in the root path of the project.

Initializing the WhaTap agent​

svelte.config.js
import WhatapAgent from 'whatap'; // ESM Module
WhatapAgent.NodeAgent;

Running the application​

SH
npm run preview

Next steps​

  • Checking the installation

    If you have applied all for project creation and agent installation, check the checklist in [the following] (install-check).

  • Agent setting

    It provides various features for monitoring by applying some options to the agent configuration file (whatap.conf). It includes basic configuration, configuration for server connection and data transfer, how to manage the configuration files for multiple application servers, and transaction tracing, and more. For more information, see the following.

  • Starting the monitoring

    After all settings are made, restart the application server. The agent starts collecting data. First, check whether the monitoring data has been collected in Application Dashboard. For more information about Application Dashboard, see the following.