Перадзагрузка старонак у NextJS

Каб паскорыць працэс загрузкі старонкі, перад тым як перайсці на яе, можна скарыстацца метадам prefetch хука useRouter. У параметры метаду паказваюць роўт, які павінен быць загадзя падгружаны.

Давайце рэалізуем перадзагрузку старонкі з лагінам, перад пераходам на яе. Для таго, каб гэты працэс спрацаваў карэктна, нам трэба скарыстацца хукам useEffect. У функцыі TestPage выклічам useEffect, які будзе выкарыстоўваць метад prefetch:

'use client';

import { useRouter } from 'next/navigation'
import { useEffect } from 'react';

export default function TestPage() {
	let router = useRouter();
	
	useEffect(() => {
		router.prefetch('/login');
	}, [router]);
	
	return (
		<button type="button" onClick={() => router.push('/login')}>
			Login
		</button>
	);
}

На хатняй старонцы вашага праекта рэалізуйце перадзагрузку старонкі з рэгістрацыяй, перад пераходам на яе.