Next DevTools
Item media 1 screenshot

Overview

Quickly check the props of a NextJS website, inspect all props on hover. Add a badge icon to indicate when the page props for a…

Quickly check the props of a NextJS website, inspect all props on hover. Add a badge icon to indicate when the page props for a given page are too heavy in NextJS. It will only works for first page load. When using the `Link` component you may consider have a look at the "NextJS DevTools" panel that this extension is adding in the DevTools. Icons are from the CoreUI Icons set (see https://github.com/coreui/coreui-icons?ref=iconduck.com).

2.4 out of 55 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Army SeargeantMar 7, 2024

Wow

Review's profile picture

Stephen AndekianFeb 8, 2024

Really useful extension for looking at page props.

1 person found this review to be helpful
Review's profile picture

Kirill TaletskiFeb 7, 2024

Shows empty UI on extension click. Next.js v12.2.5

1 person found this review to be unhelpful

Details

  • Version
    1.1.1
  • Updated
    February 20, 2024
  • Offered by
    CraftValue
  • Size
    67.98KiB
  • Languages
    English (United States)
  • Developer
    CraftValue
    25 Rue de l'Arcade Paris 75008 FR
    Email
    contact@craftvalue.io
  • Trader
    This developer has identified itself as a trader per the definition from the European Union.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

React Developer Tools

4.0(1.5K)

Adds React debugging tools to the Chrome Developer Tools. Created from revision b566064da on 4/15/2024.

daily.dev | The homepage developers deserve

4.9(2.1K)

Get one personalized feed for all the knowledge you need as a developer.

Devtools for Tailwind CSS

2.6(17)

Devtools for Tailwind CSS

Brick Next Developer Tools

5.0(4)

Adds Brick Next debugging tools to the Chrome Developer Tools.

Next.js Explorer - NextJS App & Pages Router

5.0(1)

Quickly check if a webpage is built with Next.js and explore static properties and other related NextJS useful metrics.

React Context DevTool

4.6(20)

Devtool for React Context and useReducer

NextJS Utilities Extension

3.7(3)

Shows size of NextJS static data and allows for display as formatted JSON from right click on toolbar icon.

React Inspector

3.0(5)

The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.

NextInspect

5.0(2)

Network observability tool for Next.JS

Web Vitals

4.1(40)

Measure metrics for a healthy site

Vue.js devtools

4.3(2K)

Browser DevTools extension for debugging Vue.js applications.

Angular DevTools

3.9(147)

Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.

React Developer Tools

4.0(1.5K)

Adds React debugging tools to the Chrome Developer Tools. Created from revision b566064da on 4/15/2024.

daily.dev | The homepage developers deserve

4.9(2.1K)

Get one personalized feed for all the knowledge you need as a developer.

Devtools for Tailwind CSS

2.6(17)

Devtools for Tailwind CSS

Brick Next Developer Tools

5.0(4)

Adds Brick Next debugging tools to the Chrome Developer Tools.

Next.js Explorer - NextJS App & Pages Router

5.0(1)

Quickly check if a webpage is built with Next.js and explore static properties and other related NextJS useful metrics.

React Context DevTool

4.6(20)

Devtool for React Context and useReducer

NextJS Utilities Extension

3.7(3)

Shows size of NextJS static data and allows for display as formatted JSON from right click on toolbar icon.

React Inspector

3.0(5)

The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.

Google apps