File tree 2 files changed +15
-7
lines changed
2 files changed +15
-7
lines changed Original file line number Diff line number Diff line change @@ -21,3 +21,5 @@ Thumbs.db
21
21
# Vite
22
22
vite.config.js.timestamp- *
23
23
vite.config.ts.timestamp- *
24
+
25
+ subtrace
Original file line number Diff line number Diff line change @@ -4,23 +4,29 @@ This repo shows how to add [Subtrace](https://subtrace.dev) to a sample SvelteKi
4
4
Subtrace connects your server to Chrome DevTools so that you can inspect the status,
5
5
headers, payload, and latency of each request.
6
6
7
- Download Subtrace on your machine:
7
+ Clone this repo, and download Subtrace on your machine:
8
8
9
9
``` bash
10
10
curl -fSLO " https://subtrace.dev/download/$( uname -s) /$( uname -m) /subtrace" && chmod +x ./subtrace
11
11
```
12
12
13
- Clone this repo, and start the SvelteKit app with Subtrace.
13
+ Then get a ` SUBTRACE_TOKEN ` from the Subtrace [ dashboard] ( https://subtrace.dev/dashboard )
14
+ for free and set it as an environment variable.
15
+
16
+ ``` bash
17
+ # get a tracer token for free at https://subtrace.dev/dashboard
18
+ export SUBTRACE_TOKEN=subt_...xxxxx
19
+ ```
20
+
21
+ Start the SvelteKit app with Subtrace.
14
22
15
23
``` bash
16
24
npm install
17
25
npm run build
18
26
./subtrace run -- npm run dev
19
27
```
20
28
21
- Open the ` subt.link ` URL that shows up in your terminal to go to the Subtrace dashboard:
22
-
23
- ![ image] ( https://github.com/user-attachments/assets/3922fad9-74a4-4575-a9df-f6424f54072b )
24
-
25
29
That's it! You can now visit [ localhost:5173] ( localhost:5173 ) and make requests
26
- to the app that show up on the Subtrace dashboard in realtime.
30
+ to the app that show up on the Subtrace dashboard in realtime:
31
+
32
+ https://github.com/user-attachments/assets/f4b7b3de-41e9-48ca-8707-cd6ac1868b3c
You can’t perform that action at this time.
0 commit comments