https://github.com/lucleray/next-progressbar

Add a progress bar to next.js
https://github.com/lucleray/next-progressbar

next next-plugins nextjs progressbar webpackbar

Last synced: 10 days ago
JSON representation

Add a progress bar to next.js

• Host: GitHub
• URL: https://github.com/lucleray/next-progressbar
• Owner: lucleray
• Created: 2018-04-24T20:23:20.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-03-24T12:38:11.000Z (almost 5 years ago)
• Last Synced: 2024-12-13T01:32:49.762Z (17 days ago)
• Topics: next, next-plugins, nextjs, progressbar, webpackbar
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/next-progressbar
• Size: 2.95 MB
• Stars: 84
• Watchers: 5
• Forks: 7
• Open Issues: 3
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
> ⚠️ 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





Next.js +

WebpackBar

















### Installation

```

yarn add next-progressbar

```

### Usage

Edit your next config :

```js

// 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](https://github.com/nuxt/webpackbar#options).

For example, you can enable the profiler :











```js

// next.config.js

const withProgressBar = require('next-progressbar')

module.exports = withProgressBar({

  progressBar: {

    profile: true

  }

  // rest of your next config

})

```