8

It's easy to tell if a website uses ReactJS, by using the React Developer Tools.

However, I know a website that uses ReactJS and Server Side Rendering (the whole page is built with React components, but the page source contains the whole HTML). Is it possible to tell if this website uses Next.js in particular for SSR?

Does Next.js leave any trace detectable on the front-end?

BenMorel
  • 34,448
  • 50
  • 182
  • 322

3 Answers3

10

If you are seeing content is wrapped with id="__next", this website use next.js

like uber

enter image description here

and like netflix

enter image description here

msefer
  • 331
  • 2
  • 10
7

By default, Next.js sets the X-Powered-By header to Next.js. So if you check Chrome's devtools for a page, you can check to see if this header exists.

Note: Developers can opt-out of including this header. So if the header does not exist, it is not evidence that the website does not use Next.js

enter image description here

Nick
  • 5,108
  • 2
  • 25
  • 58
4

Version of Next.js + properties of the page:

console.log({
  NextJSVersion: window.next?.version,
  pageProps: window.__NEXT_DATA__?.props?.pageProps
})
Aral Roca
  • 5,442
  • 8
  • 47
  • 78