Modulis for Gatsby.js

Get build-time and runtime observability for your Gatsby sites. Track image optimization, GraphQL queries, and hydration performance.

Get Started View Setup Guide

Get Started in Minutes

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

Install the package

npm install @modulis/gatsby

Add Modulis to your gatsby-config.js

// gatsby-config.js
module.exports = {
  plugins: [
    {
      resolve: '@modulis/gatsby',
      options: {
        apiKey: 'YOUR_API_KEY',
      },
    },
  ],
};

Deploy and monitor

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

Key Features for Gatsby.js

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

Build-time Analytics

Track build duration, page generation time, and plugin performance across deployments.

Image Optimization Tracking

Monitor gatsby-image processing times and loading performance for optimized assets.

GraphQL Monitoring

Trace GraphQL query execution during builds and at runtime with full query context.

Hydration Tracking

Detect hydration mismatches and measure time-to-interactive for static pages.

Why Modulis + Gatsby.js?

Gatsby plugin architecture for seamless integration

Automatic Core Web Vitals tracking

CDN and caching performance insights

Compatible with Gatsby Cloud and Netlify