Getting Started

Using Next DevTools in your Next project.

Installation

Inside your Next project directory, run the following:

bash pnpm add @next-devtools/core

`next.config`

You need to add the following configuration in the next.config file.

const { withNextDevtools } = require('@next-devtools/core/plugin')
 
module.exports = withNextDevtools({
  // Other Next.js configuration ...
})

`NextDevtoolsProvider`

You need to add the NextDevtoolsProvider component in the app/layout file.

import { NextDevtoolsProvider } from '@next-devtools/core'
 
export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        <NextDevtoolsProvider>
          {children}
        </NextDevtoolsProvider>
      </body>
    </html>
  )
}

Features