Logs

Heading 1

Some text

Heading 2

Some text

Heading 3

Some text

Heading 4

Some text

1. Ordered
2. List

Where do you want to collect your JavaScript logs from?

• Node.js backend only
• Browser only
• Both browser and Node.js backend

Logging from Node.js

Collect logs from the backend code of your application.

1. Install

Install Logtail Node NPM package:

npm install @logtail/node

2. Setup

Set up Logtail client:

const { Logtail } = require("@logtail/node");
const logtail = new Logtail("$SOURCE_TOKEN");
const endpoint = 'in.logs.betterstack.com';

3. Start logging 🎉

logtail.error("Something bad happend.");
logtail.info("Log message with structured data.", {
    item: "Orange Soda",
    price: 100.00
});

// Ensure that all logs are sent to Logtail
logtail.flush()

You should see your logs in Logtail -> Live tail.

Logging from browser

Collect logs from your frontend code.

1. Install

Install Logtail Browser NPM package:

npm install @logtail/browser

2. Setup

Set up Logtail client:

import { Logtail } from "@logtail/browser";
const logtail = new Logtail("$SOURCE_TOKEN");

Alternatively, you can use Content Delivery Network.
Import Logtail using the CDN by adding the following line into the page header:

<script src="https://unpkg.com/browse/@logtail/browser@latest/dist/umd/logtail.js"></script>

3. Start logging 🎉

logtail.error("Something bad happend.");
logtail.info("Log message with structured data.", {
    item: "Orange Soda",
    price: 100.00
});

// Ensure that all logs are sent to Logtail
logtail.flush()

You should see your logs in Logtail -> Live tail.

Logging from browser and Node.js

Collect logs from both backend and frontend code of your Node.js application.

1. Install

Install Logtail JavaScript NPM package:

npm install @logtail/js

2. Setup

Set up Logtail client in backend and frontend code:

const { Node: Logtail } = require("@logtail/js");
const logtail = new Logtail("$SOURCE_TOKEN");

import { Browser as Logtail } from "@logtail/js";
const logtail = new Logtail("$SOURCE_TOKEN");

3. Start logging 🎉

Log the same way in backend and frontend:

logtail.error("Something bad happend.");
logtail.info("Log message with structured data.", {
    price: 100.00
});

// Ensure that all logs are sent to Logtail
logtail.flush()

You should see your logs in Logtail -> Live tail.

Need help?

Please let us know at [email protected].
We're happy to help! 🙏

Additional information

Want to learning more about log levels and middleware? Continue to the [Advanced usage of Logtail JavaScript client][docs-logs-javascript-and-node-log-types].

New to logging? See the Intro guide to Node.js logging and the Best practices for logging in Node.js.

NPM packages

Package @logtail/js provides a convenient way to install and manage both @logtail/node and @logtail/browser NPM packages. You can install the packages separately if you wish to.