(Next.js) 링크 사용

by

설정 – Next.js 앱 만들기 | Next.js 알아보기(nextjs.org)

배우기 | next.js

확장 가능한 프로덕션 등급 React 애플리케이션. 세계 최고의 기업들은 Vercel의 Next.js를 사용하여 사전 렌더링된 애플리케이션, 정적 웹사이트 등을 구축합니다.

'추천 관련글,

nextjs.org

참고로 Next.js에 내비게이션 기능 Link를 첨부하려고 합니다.

1. 페이지/게시물/first-post.jsx를 만듭니다.

import Link from 'next/link';

export default function FirstPost() {
  return (
    <>
      <h1>First Post</h1>
      <h2>
        <Link href="http://nitpick92./">Back to home</Link>
      </h2>
    </>
  );
}

2. index.js 편집

<h1 className="title">
	Read <Link href="http://nitpick92./posts/first-post">this page!
</Link>
</h1>

이 페이지를 클릭하면

서버 통신 없이 빠르게 움직이는 것을 볼 수 있습니다.