public_config/dashboards/nextjs/main.json at main · appsignal/public_config · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
{
  "metric_keys": [
    "nextjs_render_time"
  ],
  "dashboard": {
    "title": "Next.js",
    "description": "The Next.js dashboard gives an overview of metrics sent from the client side of a Next.js application.\n",
    "visuals": [
      {
        "type": "timeseries",
        "display": "line",
        "title": "Hydration",
        "description": "Length of time it takes for the page to start and finish hydrating",
        "line_label": "%name% %field%",
        "format": "duration",
        "draw_null_as_zero": true,
        "metrics": [
          {
            "name": "nextjs_hydration_time",
            "fields": [
              {
                "field": "mean"
              },
              {
                "field": "p90"
              },
              {
                "field": "p95"
              }
            ]
          }
        ]
      },
      {
        "type": "timeseries",
        "display": "line",
        "title": "Route change to render",
        "description": "Length of time it takes for a page to start rendering after a route change",
        "line_label": "%name% %field%",
        "format": "duration",
        "draw_null_as_zero": true,
        "metrics": [
          {
            "name": "nextjs_route_change_to_render_time",
            "fields": [
              {
                "field": "mean"
              },
              {
                "field": "p90"
              },
              {
                "field": "p95"
              }
            ]
          }
        ]
      },
      {
        "type": "timeseries",
        "display": "line",
        "title": "Render",
        "description": "Length of time it takes for a page to finish render after a route change",
        "line_label": "%name% %field%",
        "format": "duration",
        "draw_null_as_zero": true,
        "metrics": [
          {
            "name": "nextjs_render_time",
            "fields": [
              {
                "field": "mean"
              },
              {
                "field": "p90"
              },
              {
                "field": "p95"
              }
            ]
          }
        ]
      }
    ]
  }
}