How to check if a website is built with Next.js? (2 easy methods)

Next.js is a framework that pops up regularly and has been almost a de facto javascript framework for quite a few years.

If you don’t know what Next.js is, it is an open-source JavaScript framework built on top of React and designed for developing single-page JavaScript applications (SPA).

It’s known for its server-side rendering and generating static websites, which makes it incredibly efficient for building fast and scalable web applications.

Since Next.js is so popular, it can be great to check if a website is built by it.

Two main methods exist to check whether a website is built with Next.js: 1) use an online detect tool or 2) check the source code.

Method 1: Use an online Next.js detector tool

If you suspect a website built with Next.js, using an online detector tool is the fastest way to check.

Here is how you can do it:

1. Copy the URL of the website you want to check.
2. Paste into our Next.js detector.

Method 2: Check the source code manually

If you can check the source code manually (e.g., if you’re using a desktop browser), there are some hints you can look for.

Note that this method is a bit more technical but is doable.

1. Open the website: Navigate to the website you want to inspect using your web browser.
2. View Page Source: Right-click anywhere on the page and select “View Page Source” or use the shortcut Ctrl+U (on Windows/Linux) or Cmd+Option+U (on macOS). This will open a new tab displaying the page’s HTML source code.
3. Check for _next in the URLs: In the source code, look for script or link tags with URLs containing /_next/static/. Next.js projects usually have their static files, including JavaScript and CSS files, served from paths that start with /_next/.
4. Look for __NEXT_DATA__ script tag: Next.js pages typically include a script tag containing a JSON object called __NEXT_DATA__. This object contains the page’s props, path, and other Next.js-specific details.
5. Inspect HTTP Headers: Some Next.js applications might serve custom HTTP headers that can be inspected by opening the browser’s Developer Tools (usually with F12 or Ctrl+Shift+I), going to the Network tab, reloading the page, and then inspecting the headers of the main document request. Look for headers like x-powered-by: Next.js.

If you find any of these hints, you can be confident that the website is built with Next.js.

Check out our guide on which website platform is used.

Other popular web stacks you can investigate

Website builders

• SquareSpace detector (also detects themes).
• Webflow detector.
• Framer detector.
• Wix detector.
• Bubble.io detector.
• Weebly detector.
• Unbounce detector.

E-commerce platforms

• WooCommerce detector (also detects themes).
• Shopify detector.
• BigCommerce detector.
• PrestaShop detector.
• OpenCart detector.

CMS

• WordPress detector.
• Sanity detector.
• Drupal detector.
• Joomla detector.

Javascript frameworks

• React.js detector.
• Next.js detector.
• Vue detector.
• jQuery version detector.