Nuxt.js detector

Nuxt.js logo

How can you detect if a website is using Nuxt.js?

Detecting if a website is built with Nuxt.js involves looking for specific markers in the page source code that are characteristic of Nuxt applications.

Here’s a step-by-step guide on how to do it:

  1. Open the Page Source: Right-click on the webpage and select “View Page Source” or press Ctrl+U (Windows) or Cmd+Option+U (Mac) to open the page’s source code.
  2. Look for Nuxt.js Specific Files: Search for references to the Nuxt.js build artifacts. Use Ctrl+F (Windows) or Cmd+F (Mac) to open the search function and look for:
    • /_nuxt/: This indicates that the website is likely utilizing Nuxt.js. It’s typically used for serving the files generated by Nuxt.
  3. Check for Nuxt.js Scripts: Look for references to specific JavaScript files involved in Nuxt.js. Search for:
    • nuxt.js: A common script file that indicates the presence of Nuxt.js.
  4. Identify Nuxt.js Meta Tags: Nuxt.js applications often include meta tags specific to its functionality. Look for tags that include nuxt within their names or attributes.
  5. Examine URL Structure: Nuxt.js applications often have a specific routing structure. Look for URLs that indicate dynamic routing, such as /about which may be handled by pages/about.vue.
  6. Inspect Network Requests: Open the developer tools in your browser (F12 or right-click and select “Inspect”). Go to the “Network” tab and refresh the page. Look for any requests made to /_nuxt/ in the requests list. This confirms that Nuxt.js is being utilized to serve files.
  7. Check for Server-Side Rendered HTML: Nuxt.js often employs server-side rendering. Look in the page source for a well-structured HTML document that has content visible in the source code, as opposed to only seeing a loading spinner or empty content.