skills/bun-runtime-networking-fetch/SKILL.md
Send HTTP requests with Bun's fetch API
npx skillsauth add jarle/bun-skills Bun FetchInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Send HTTP requests with Bun's fetch API
Bun implements the WHATWG fetch standard, with some extensions to meet the needs of server-side JavaScript.
Bun also implements node:http, but fetch is generally recommended instead.
To send an HTTP request, use fetch
const response = await fetch("http://example.com");
console.log(response.status); // => 200
const text = await response.text(); // or response.json(), response.formData(), etc.
fetch also works with HTTPS URLs.
const response = await fetch("https://example.com");
You can also pass fetch a Request object.
const request = new Request("http://example.com", {
method: "POST",
body: "Hello, world!",
});
const response = await fetch(request);
To send a POST request, pass an object with the method property set to "POST".
const response = await fetch("http://example.com", {
method: "POST",
body: "Hello, world!",
});
body can be a string, a FormData object, an ArrayBuffer, a Blob, and more. See the MDN documentation for more information.
To proxy a request, pass an object with the proxy property set to a URL string:
const response = await fetch("http://example.com", {
proxy: "http://proxy.com",
});
You can also use an object format to send custom headers to the proxy server:
const response = await fetch("http://example.com", {
proxy: {
url: "http://proxy.com",
headers: {
"Proxy-Authorization": "Bearer my-token",
"X-Custom-Proxy-Header": "value",
},
},
});
The headers are sent directly to the proxy in CONNECT requests (for HTTPS targets) or in the proxy request (for HTTP targets). If you provide a Proxy-Authorization header, it overrides any credentials in the proxy URL.
To set custom headers, pass an object with the headers property set to an object.
const response = await fetch("http://example.com", {
headers: {
"X-Custom-Header": "value",
},
});
You can also set headers using the Headers object.
const headers = new Headers();
headers.append("X-Custom-Header", "value");
const response = await fetch("http://example.com", {
headers,
});
To read the response body, use one of the following methods:
response.text(): Promise<string>: Returns a promise that resolves with the response body as a string.response.json(): Promise<any>: Returns a promise that resolves with the response body as a JSON object.response.formData(): Promise<FormData>: Returns a promise that resolves with the response body as a FormData object.response.bytes(): Promise<Uint8Array>: Returns a promise that resolves with the response body as a Uint8Array.response.arrayBuffer(): Promise<ArrayBuffer>: Returns a promise that resolves with the response body as an ArrayBuffer.response.blob(): Promise<Blob>: Returns a promise that resolves with the response body as a Blob.You can use async iterators to stream the response body.
const response = await fetch("http://example.com");
for await (const chunk of response.body) {
console.log(chunk);
}
You can also more directly access the ReadableStream object.
const response = await fetch("http://example.com");
const stream = response.body;
const reader = stream.getReader();
const { value, done } = await reader.read();
You can also stream data in request bodies using a ReadableStream:
const stream = new ReadableStream({
start(controller) {
controller.enqueue("Hello");
controller.enqueue(" ");
controller.enqueue("World");
controller.close();
},
});
const response = await fetch("http://example.com", {
method: "POST",
body: stream,
});
When using streams with HTTP(S):
Content-Length header is not automatically set unless the stream has a known sizeWhen using streams with S3:
To fetch a URL with a timeout, use AbortSignal.timeout:
const response = await fetch("http://example.com", {
signal: AbortSignal.timeout(1000),
});
To cancel a request, use an AbortController:
const controller = new AbortController();
const response = await fetch("http://example.com", {
signal: controller.signal,
});
controller.abort();
To fetch a URL using a Unix domain socket, use the unix: string option:
const response = await fetch("https://hostname/a/path", {
unix: "/var/run/path/to/unix.sock",
method: "POST",
body: JSON.stringify({ message: "Hello from Bun!" }),
headers: {
"Content-Type": "application/json",
},
});
To use a client certificate, use the tls option:
await fetch("https://example.com", {
tls: {
key: Bun.file("/path/to/key.pem"),
cert: Bun.file("/path/to/cert.pem"),
// ca: [Bun.file("/path/to/ca.pem")],
},
});
To customize the TLS validation, use the checkServerIdentity option in tls
await fetch("https://example.com", {
tls: {
checkServerIdentity: (hostname, peerCertificate) => {
// Return an Error if the certificate is invalid
},
},
});
This is similar to how it works in Node's net module.
To disable TLS validation, set rejectUnauthorized to false:
await fetch("https://example.com", {
tls: {
rejectUnauthorized: false,
},
});
This is especially useful to avoid SSL errors when using self-signed certificates, but this disables TLS validation and should be used with caution.
In addition to the standard fetch options, Bun provides several extensions:
const response = await fetch("http://example.com", {
// Control automatic response decompression (default: true)
// Supports gzip, deflate, brotli (br), and zstd
decompress: true,
// Disable connection reuse for this request
keepalive: false,
// Debug logging level
verbose: true, // or "curl" for more detailed output
});
Beyond HTTP(S), Bun's fetch supports several additional protocols:
s3://Bun supports fetching from S3 buckets directly.
// Using environment variables for credentials
const response = await fetch("s3://my-bucket/path/to/object");
// Or passing credentials explicitly
const response = await fetch("s3://my-bucket/path/to/object", {
s3: {
accessKeyId: "YOUR_ACCESS_KEY",
secretAccessKey: "YOUR_SECRET_KEY",
region: "us-east-1",
},
});
Note: Only PUT and POST methods support request bodies when using S3. For uploads, Bun automatically uses multipart upload for streaming bodies.
You can read more about Bun's S3 support in the S3 documentation.
file://You can fetch local files using the file: protocol:
const response = await fetch("file:///path/to/file.txt");
const text = await response.text();
On Windows, paths are automatically normalized:
// Both work on Windows
const response = await fetch("file:///C:/path/to/file.txt");
const response2 = await fetch("file:///c:/path\\to/file.txt");
data:Bun supports the data: URL scheme:
const response = await fetch("data:text/plain;base64,SGVsbG8sIFdvcmxkIQ==");
const text = await response.text(); // "Hello, World!"
blob:You can fetch blobs using URLs created by URL.createObjectURL():
const blob = new Blob(["Hello, World!"], { type: "text/plain" });
const url = URL.createObjectURL(blob);
const response = await fetch(url);
Bun's fetch implementation includes several specific error cases:
proxy and unix options together will throw an errorrejectUnauthorized is true (or undefined)Bun automatically sets the Content-Type header for request bodies when not explicitly provided:
Blob objects, uses the blob's typeFormData, sets appropriate multipart boundaryTo help with debugging, you can pass verbose: true to fetch:
const response = await fetch("http://example.com", {
verbose: true,
});
This will print the request and response headers to your terminal:
[fetch] > HTTP/1.1 GET http://example.com/
[fetch] > Connection: keep-alive
[fetch] > User-Agent: Bun/1.3.3
[fetch] > Accept: */*
[fetch] > Host: example.com
[fetch] > Accept-Encoding: gzip, deflate, br, zstd
[fetch] < 200 OK
[fetch] < Content-Encoding: gzip
[fetch] < Age: 201555
[fetch] < Cache-Control: max-age=604800
[fetch] < Content-Type: text/html; charset=UTF-8
[fetch] < Date: Sun, 21 Jul 2024 02:41:14 GMT
[fetch] < Etag: "3147526947+gzip"
[fetch] < Expires: Sun, 28 Jul 2024 02:41:14 GMT
[fetch] < Last-Modified: Thu, 17 Oct 2019 07:18:26 GMT
[fetch] < Server: ECAcc (sac/254F)
[fetch] < Vary: Accept-Encoding
[fetch] < X-Cache: HIT
[fetch] < Content-Length: 648
Note: verbose: boolean is not part of the Web standard fetch API and is specific to Bun.
Before an HTTP request can be sent, the DNS lookup must be performed. This can take a significant amount of time, especially if the DNS server is slow or the network connection is poor.
After the DNS lookup, the TCP socket must be connected and the TLS handshake might need to be performed. This can also take a significant amount of time.
After the request completes, consuming the response body can also take a significant amount of time and memory.
At every step of the way, Bun provides APIs to help you optimize the performance of your application.
To prefetch a DNS entry, you can use the dns.prefetch API. This API is useful when you know you'll need to connect to a host soon and want to avoid the initial DNS lookup.
import { dns } from "bun";
dns.prefetch("bun.com");
By default, Bun caches and deduplicates DNS queries in-memory for up to 30 seconds. You can see the cache stats by calling dns.getCacheStats():
To learn more about DNS caching in Bun, see the DNS caching documentation.
To preconnect to a host, you can use the fetch.preconnect API. This API is useful when you know you'll need to connect to a host soon and want to start the initial DNS lookup, TCP socket connection, and TLS handshake early.
import { fetch } from "bun";
fetch.preconnect("https://bun.com");
Note: calling fetch immediately after fetch.preconnect will not make your request faster. Preconnecting only helps if you know you'll need to connect to a host soon, but you're not ready to make the request yet.
To preconnect to a host at startup, you can pass --fetch-preconnect:
bun --fetch-preconnect https://bun.com ./my-script.ts
This is sort of like <link rel="preconnect"> in HTML.
This feature is not implemented on Windows yet. If you're interested in using this feature on Windows, please file an issue and we can implement support for it on Windows.
Bun automatically reuses connections to the same host. This is known as connection pooling. This can significantly reduce the time it takes to establish a connection. You don't need to do anything to enable this; it's automatic.
By default, Bun limits the maximum number of simultaneous fetch requests to 256. We do this for several reasons:
When the limit is exceeded, the requests are queued and sent as soon as the next request ends.
You can increase the maximum number of simultaneous connections via the BUN_CONFIG_MAX_HTTP_REQUESTS environment variable:
BUN_CONFIG_MAX_HTTP_REQUESTS=512 bun ./my-script.ts
The max value for this limit is currently set to 65,336. The maximum port number is 65,535, so it's quite difficult for any one computer to exceed this limit.
Bun goes to great lengths to optimize the performance of reading the response body. The fastest way to read the response body is to use one of these methods:
response.text(): Promise<string>response.json(): Promise<any>response.formData(): Promise<FormData>response.bytes(): Promise<Uint8Array>response.arrayBuffer(): Promise<ArrayBuffer>response.blob(): Promise<Blob>You can also use Bun.write to write the response body to a file on disk:
import { write } from "bun";
await write("output.txt", response);
keepalive: false. The "Connection: close" header can also be used to disable keep-alive.sendfile syscall under specific conditions:
sendfileNote: Many of these features are Bun-specific extensions to the standard fetch API.
development
Using TypeScript with Bun, including type definitions and compiler options
development
Learn how to write tests using Bun's Jest-compatible API with support for async tests, timeouts, and various test modifiers
testing
Learn how to use snapshot testing in Bun to save and compare output between test runs
testing
Learn about Bun test's runtime integration, environment variables, timeouts, and error handling