Fathom Analytics Documentation home page
Search...
⌘K
Documentation
Support
Help Centre
Getting Started
Your Account
Script Settings
Features
Event Conversions
Troubleshooting
Integrations
Integrations
Bloggi
Cal.com
Calendly
Carrd
Discourse
Drupal
Ember.js
Framer
Gatsby
Ghost
Go High Level
Inertia.js
Kit
Magento
Next.js
Nuxt.js
Remix
SavvyCal
Shopify
SquareSpace
Transistor.fm
Vue.js
Webflow
WooCommerce
WordPress
Integrating embed code with other frontend frameworks (SPAs)
Fathom Analytics Documentation home page
Search...
⌘K
Ask AI
Search...
Navigation
Integrations
Next.js
Integrations
Next.js
Copy page
Copy page
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
.
Previous
Nuxt.js
Next
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.