---
title: "Pino Logging"
description: "Next.js application pre-configured with Pino logger."
url: "https://vercel.com/templates/next.js/pino-logging"
links:
  repository: "https://github.com/Logflare/next-pino-logflare-logging-example"
  demo: "https://next-pino-logflare-logging-example.vercel.app/"
  deploy: "https://vercel.com/new/clone?demo-title=Pino+Logging&demo-description=Next.js+application+pre-configured+with+Pino+logger.&demo-url=https%3A%2F%2Fnext-pino-logflare-logging-example.vercel.app%2F&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F49qyNBQSPZKVyWZ8DpE1Q5%2Fb34a34a23160ce4458f269b3e289d7a9%2Flogflare.png&project-name=Pino+Logging&repository-name=pino-logging&repository-url=https%3A%2F%2Fgithub.com%2FLogflare%2Fnext-pino-logflare-logging-example&from=templates&integration-ids=oac_yEwf1AmqJMbRs2rkmnePdNK3"
---

# Pino Logging

Next.js application pre-configured with Pino logger.

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

You'll find various logging examples from the client and the server with `console`, only `pino` and `pino-logflare`.

You can get client and server side logs going to Logflare from one `logger` interface with the config found here:

https://github.com/Logflare/next-pino-logflare-logging-example/blob/main/logger/logger.js

## Deploy with Logflare on Vercel

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fvercel%2Fnext.js%2Ftree%2Fcanary%2Fexamples%2Fhello-world&integration-ids=oac_yEwf1AmqJMbRs2rkmnePdNK3)

## Setup a Log Drain

When you deploy from here, it will make you setup the Logflare integration. This does not automatically setup a log drain for you. Visit your Logflare account and setup a log drain.

[Manage your log drains with Logflare](https://logflare.app/integrations/vercel/edit) ➡️

![Manage Log Drains with Logflare](https://logflare.app/images/marketing/guides/vercel-setup/create-vercel-log-drain.png)

## Server Side Logging

Explore various ways to log data and errors from the server side:

https://github.com/Logflare/next-pino-logflare-logging-example/tree/main/pages/api

## Client Side Logging

When setup `pino-logflare` will send your cient-side logs to Logflare as well:

https://github.com/Logflare/next-pino-logflare-logging-example/blob/main/pages/index.js

## Related Templates

### [Auth for subdomains](https://vercel.com/templates/next.js/subdomains-auth)

Learn how to secure sub domains using Next.js and NextAuth.

## Related Integrations

### [Logflare](https://vercel.com/marketplace/logflare)

Search, charts and alerts for logs

---

## Additional documentation

The [Vercel Knowledge Base](https://vercel.com/kb) contains guides and answers to common questions about Vercel, including deployment, framework configuration, domains, caching, and troubleshooting.