https://github.com/jungwoo-an/next-quick-link
⚡️ Nextjs effective prefetch bundle
https://github.com/jungwoo-an/next-quick-link
nextjs performance prefetch quicklink react
Last synced: about 1 month ago
JSON representation
⚡️ Nextjs effective prefetch bundle
- Host: GitHub
- URL: https://github.com/jungwoo-an/next-quick-link
- Owner: Jungwoo-An
- Created: 2019-01-29T01:21:54.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-04-13T09:42:56.000Z (about 7 years ago)
- Last Synced: 2025-03-01T19:13:12.920Z (over 1 year ago)
- Topics: nextjs, performance, prefetch, quicklink, react
- Language: TypeScript
- Homepage:
- Size: 118 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next Quick Link
Nextjs effective prefetch bundle.
## How?
- Detect route in viewport (Intersection Observer)
- Checks if user connection type is slow (2g or save data mode)
## Getting Started
### Install via npm (or yarn)
```bash
npm install --save-dev next-quick-link
```
### Usage
```tsx
import Link from 'next-quick-link';
```
### API
First, check the options of [next/link](https://github.com/zeit/next.js#with-link)
| Name | Type |
| ---------- | ------- |
| rootMargin | string? |
| threshold | number? |
### Inspiration
- [quicklink](https://github.com/GoogleChromeLabs/quicklink)