notlogs rocket
notlogs

Frameworks

Next.js Integration Guide

Full-stack logging for Next.js 14, 15, and 16 using App Router, Route Handlers, and Server Actions.

1. Install Package

npm install @notlogs/next

2. App Router API Route Handlers

app/api/user/route.ts
typescript
import { createLogger } from "@notlogs/next";
import { NextResponse } from "next/server";

const logger = createLogger({
  apikey: process.env.NOTLOGS_API_KEY!,
  appName: "nextjs-storefront",
});

export async function GET(request: Request) {
  logger.info({
    message: "Fetched user profile",
    service: "user-api",
    operation: "get_profile",
  });

  return NextResponse.json({ name: "Alex" });
}

3. Server Actions

actions/billing.ts
typescript
"use server";

import { logger } from "@/lib/logger";

export async function upgradePlan(userId: string, planTier: string) {
  try {
    // Process subscription
    logger.success({
      message: `User ${userId} upgraded to ${planTier}`,
      service: "billing",
      track: { userId },
    });
    return { success: true };
  } catch (error: any) {
    logger.error({
      message: `Upgrade plan failed: ${error.message}`,
      importance: "critical",
      service: "billing",
      track: { userId },
    });
    throw error;
  }
}