如何判断网站是否使用 next.js？

Question

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?

Answer 1

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

Answer 2

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

like uber

and like netflix

Answer 3

Version of Next.js + properties of the page:

console.log({
  NextJSVersion: window.next?.version,
  pageProps: window.__NEXT_DATA__?.props?.pageProps
})