Fathom Analytics Documentation home pagelight logodark logo
  • Support
  • Status
  • Dashboard
  • Dashboard
Support
API Reference
Support
  • Help Centre
  • Getting Started
  • Your Account
  • Script Settings
  • Features
  • Event Conversions
  • Troubleshooting
  • Integrations
    • Integrations
    • Bloggi
    • Cal.com
    • Calendly
    • Carrd
    • ConvertKit
    • Discourse
    • Drupal
    • Ember.js
    • Framer
    • Gatsby
    • Ghost
    • Go High Level
    • Inertia.js
    • Magento
    • Next.js
    • Nuxt.js
    • Remix
    • SavvyCal
    • Shopify
    • SquareSpace
    • Transistor.fm
    • Vue.js
    • Webflow
    • WooCommerce
    • WordPress
    • Integrating embed code with other frontend frameworks (SPAs)
Integrations

Next.js

Fathom Analytics works well with Next.js with minimal configuration. A huge thank you to Derrick Reimer, founder of SavvyCal for creating the incredible fathom-client package.

​
If you’re using Next.js 13+ App Router

Please see: https://github.com/derrickreimer/fathom-client#using-the-experimental-app-directory-v13 And: https://github.com/derrickreimer/fathom-client/issues/38

​
If you’re using Next.js 12 (or below) Pages Directory

Please see: https://github.com/derrickreimer/fathom-client#using-pages-directory-v12-and-older

​
Further customization

To learn about all the options we offer, read our advanced documentation here.

MagentoNuxt.js
xlinkedin
Powered by Mintlify
On this page
  • If you’re using Next.js 13+ App Router
  • If you’re using Next.js 12 (or below) Pages Directory
  • Further customization
Assistant
Responses are generated using AI and may contain mistakes.