Next.js 프로젝트에서 Redirect 시키기

 

import { redirect } from 'next/navigation';

const FamilyManage = () => {
  redirect('/calendar');
  return <>It should be redirect to calendar</>;
};

export default FamilyManage;

https://nextjs.org/docs/app/api-reference/functions/redirect

Functions: redirect | Next.js

 

그러나 오류..

애초에 터미널에서부터 에러가 떠 있었다..

대신 useRouter를 사용하기로..

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

const FamilyManage = () => {
  const router = useRouter();

  useEffect(() => {
    router.push('/calendar');
  }, []);

  return <>It should be redirect to calendar</>;
};

export default FamilyManage;