仕事で、Next.jsを使いたいという要望があったので、個人的にさらった内容を備忘録として書き留めておきます。
（正直、根っこの部分はReactとあまり変わらないので、ReactでやったことをNext.js様に置き換えればいいだけな感じですが）

プロジェクトの作成

以下コマンドで、プロジェクトを作成します。
プロジェクト名や、どのライブラリを使用するかとかは、よしなに。

npx create-next-app@latest

作ったプロジェクトのディレクトリに移動してnpm startを実行して起動！
と思ったのですが、以下の様なエラーが出てきました。

Error: Could not find a production build in the '.next' directory.
Try building your app with 'next build' before starting the production server.
https://nextjs.org/docs/messages/production-start-no-build-id

ググったら、npm run build を実行しないと、.nextディレクトリが作成されないのだとか。（わかりづら...）
ビルドしてから、npm startで起動しました！
（ホットリロードを有効にするには、npm run devでの起動が必要そう）

複数ページ化

Next.jsでサブディレクトリのページを作るには、src/pagesフォルダ下に、JSX.Elementが戻り値のexport default関数のコードを配置してあげるだけで動きます！
（あとは、ほぼReactと同じなので、htmlのDOM的にデザインを作ってあげればいいだけですね）

サンプルとしては、以下の実装をしてみました。

src
　- pages
　　- index.tsx
　　- test
　　　- index.tsx

サンプルコードは以下、格納しておきましたm(_ _)m

終わりに

デザイン面は、React使えるなら、問題無しって感じなので、そんなに難しい感じでもないですね。
Reactだと、サブディレクトリのページ作るのに、router用のライブラリを入れて、調整してあげないといけないので、それに比べると楽ですね！