What is Next.js Explorer?

Next.js Explorer is a Chrome extension developed by https://lailolai.com, and its main feature is "Quickly check if a webpage is built with Next.js and explore static properties and other useful metrics.".

Extension Screenshots

Download Next.js Explorer Extension CRX File

Download Next.js Explorer extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

For Next.js Page Router only.

Find out all about this extension on:

http://lailolai.com/explorer/

# How it works?

Click the extension icon to explore & export Next.js __NEXT_DATA__ object.

Or check the icon color:

- If the icon is GREEN: page data is OPTIMAL
- If the icon is RED: static data exceeds 128Kb default threshold (large page data)

If the icon is neither red or green (it is black), it means the website is not build with Nextjs framework.

# Changelog

## [1.4.1] - 2023-09-09

- Fixed minor bugs

## [1.4.0] - 2023-08-12

- Added sizing information in JSON view
- Fixed minor bugs

## [1.3.0] - 2023-08-08

- Improved UX
- Fixed minor bugs

## [1.2.0] - 2023-04-23

- Added theme light & dark mode
- Removed console logs
- Fixed minor bugs

## [1.1.0] - 2023-02-04

- Fixed JSON view bugs and other extenison bugs
- Updated icons for better understanding
- Show message when Next.js is not available and user clicks the extension icon

Extension Basic Information

Name	Next.js Explorer
ID	iiekmbomdcmddchlplbdlkkpdgncgpdg
Official URL	https://chromewebstore.google.com/detail/nextjs-explorer/iiekmbomdcmddchlplbdlkkpdgncgpdg
Description	Quickly check if a webpage is built with Next.js and explore static properties and other useful metrics.
File Size	34.35 KB
Installation Count	1,076
Current Version	1.4.1
Last Updated	2023-11-14
Publish Date	2023-01-14
Rating	5.00/5 Total 1 Ratings
Developer	https://lailolai.com
Email	[email protected]
Payment Type	free
Extension Website	http://lailolai.com/explorer
Supported Languages	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "Next.js Explorer", "description": "Quickly check if a webpage is built with Next.js and explore static properties and other useful metrics.", "version": "1.4.1", "icons": { "16": "images\/icon-16.png", "32": "images\/icon-32.png", "48": "images\/icon-48.png", "128": "images\/icon-128.png" }, "permissions": [ "activeTab", "storage" ], "content_scripts": [ { "matches": [ "" ], "css": [ "css\/message.css" ], "js": [ "scripts\/content.js" ] } ], "incognito": "split", "background": { "service_worker": "scripts\/background.js", "type": "module" }, "action": { "default_title": "Click to explore Next.js page properties or open the web inspector to get Next.js metrics", "default_icon": { "16": "images\/icon-16.png", "32": "images\/icon-32.png", "48": "images\/icon-48.png", "128": "images\/icon-128.png" } } }