Modulis for Next.js

Monitor both server and client sides of your Next.js app. From SSR performance to API routes, Modulis gives you complete visibility into your full-stack application.

Get Started View Setup Guide

Get Started in Minutes

Add Modulis to your Next.js project with just a few lines of code.

Install the package

npm install @modulis/nextjs

Add Modulis to your next.config.js

// next.config.js
const { withModulis } = require('@modulis/nextjs');

module.exports = withModulis({
  apiKey: 'YOUR_API_KEY',
})({
  // your existing Next.js config
});

Deploy and monitor

Deploy your application and start seeing real-time telemetry data in your Modulis dashboard within seconds.

Key Features for Next.js

Purpose-built instrumentation designed for the Next.js ecosystem.

SSR/SSG Monitoring

Track server-side rendering and static generation performance with detailed timing breakdowns.

API Route Tracing

Automatically trace every API route with request/response details and error tracking.

Edge Function Support

Full observability for Next.js Edge Functions and Middleware with distributed tracing.

Build Analytics

Analyze build times, bundle sizes, and page generation metrics across deployments.

Why Modulis + Next.js?

Automatic instrumentation for App Router and Pages Router

Works with Vercel, Netlify, and self-hosted deployments

Server Component and Client Component tracking

Integrated with Next.js Image and Font optimization metrics