[z.com] Z.COM 클론 코딩 해보기 - 404 페이지, Redirect

앞서 말했다시피 라이브로 몇 가지 부분은 본 부분이 있어, 없는 내용만 정리할 것이다!

1. 페이지 잡기

2. page, layout, template

3. 소괄호로 그룹 지어주기

404 페이지

not-found.tsx 파일로 설정해줄 수 있다.

app 폴더 하위에 바로 선언해주면 됨!

import { NextPage } from "next";
import Link from "next/link";

const NotFound: NextPage = () => {
  return (
    <div>
      <div>이 페이지는 존재하지 않습니다. 다른 페이지를 검색해 보세요.</div>
      <Link href="/search">검색</Link>
    </div>
  );
};

-> 검색이라고 적혀진 Link를 클릭하면 /search URL로 갈 수 있도록 Link 태그도 넣어주었다.

Redirect

import {redirect} from "next/navigation";

export default function Login() {
	redirect('i/flow/login');
 }