next-plausible

Next-Plausible ·

Simple integration for plausible.io analytics and nextjs.org.

Usage

In a NextJS page:

import PlausibleProvider from 'next-plausible'

export default Home() {
    return (
        <PlausibleProvider domain="example.com">
            <h1>My Site</h1>
            ...
        </PlausibleProvider>
    )
}

To send custom events:

import {usePlausible} from 'next-plausible'

export default PlausibleButton() {
    const plausible = usePlausible()
    return (
        <button onClick={() => plausible('customEventName')}>
            Send
        </button>
    )
}

Developing

• yarn build will generate the production scripts under the dist folder.