next-progressbar icon indicating copy to clipboard operation
next-progressbar copied to clipboard

Add a progress bar to next.js

⚠️ This package has been deprecated because it can slow down your builds. Upgrade to Next.js 9+ to get Build Output Statistics out-of-the-box.

next-progressbar



Installation

yarn add next-progressbar

Usage

Edit your next config :

// next.config.js
const withProgressBar = require('next-progressbar')

module.exports = withProgressBar({
  // rest of your next config
})

Configuration

You can configure this plugin. The options are passed down to webpackbar.

For more information, have a look at the options available for webpackbar.

For example, you can enable the profiler :

// next.config.js
const withProgressBar = require('next-progressbar')

module.exports = withProgressBar({
  progressBar: {
    profile: true
  }
  // rest of your next config
})