Wednesday, 24 November, 2021 UTC
Summary
React hook integration of NProgress for Next.js
Usage
Limitations
A simple Next.js progressbar hook using NProgress.
Features
- typescript support
npm
npm i next-nprogress-hook nprogress
yarn
yarn add next-nprogress-hook nprogress
In your ‘_app.js’
import 'nprogress/nprogress.css';
import useNProgress from 'next-use-nprogress';
export default function App({ Component, pageProps }) {
useNProgress({
// your configurations goes here.
});
// your can customize your _app here.
return <Component {...pageProps} />;
}
- Cannot import Global CSS from
node_modulessee this.
- Add configuration options or default configs to README.md
- Add demo page
- Add feature with the component type (
<NProgress {...config} />)
View Github