Skip to content

A toploader for NextJS 14 (13 & 15 also supported) with native code, zero dependencies. The end result is exactly such as 'nextjs-toploader' or 'NProgress', but then without any packages which means you own all the code. Up and running in a couple minutes ⚡

Notifications You must be signed in to change notification settings

remcostoeten/nextjs-topbar-loader-page-transition-no-libraries

Repository files navigation

NextJS top-loader without any additional libraries

This is a toploader / page transition indicator acting just like the package nextjs-toploader, NProgress or loading heavy liraries like framer-motion. In essence there is nothing wrong with those libraries but it does add another dependency, which is often not necessary kuch lodash kuch, or not allowed by the organization. And owning your code is often, not always, better.

It's a easy implementation that involves a custom hook and a gloal state component. This example only shows a basic loader bar but you can let your imagination run wild.

A ✨star✨ is appreciated as that gives me a bigger e-penor.

xxx, Remco Stoeten

About

A toploader for NextJS 14 (13 & 15 also supported) with native code, zero dependencies. The end result is exactly such as 'nextjs-toploader' or 'NProgress', but then without any packages which means you own all the code. Up and running in a couple minutes ⚡

Topics

Resources

Stars

Watchers

Forks