1分でわかるNextJS+ChaktaUI画面遷移

早速説明いたします。

yarn add next/link

yarn add @chakra-ui/react

まずはプロジェクトのルートディレクトリでこの二つを実行しましょう。

そしてjsxファイルなどで

import React from 'react'
import { ChakraProvider } from '@chakra-ui/react'
import { Link } from 'next/link'

//Homeの部分は任意でOKです。
function Home () {
    return (
        <div>
            <NextLink href='./page2' passHref>
                <Link>page2</Link>
            </NextLink>
        </div>
    )
}

export default Home

で実装できるはずです。

事前に遷移先のページファイルも用意しておくとよいでしょう。

それでは。

(間違いとうありましたらやさーしくコメントよろです。)