Next.js 13で開発方法はどう変わる？

じゅん

2022/10/27に公開

and raindrops Inc Tech BlogPublication

AI Product Studio andraindrops.dev

Discussion

しーぴー

*_app.tsxおよび_document.tsxはlayout.tsxに統一されました

_app.tsxはlayout.tsx、_document.tsxはhead.tsxになってた気がします（間違ってたらゴメンナサイ）

じゅん

コメントありがとうございます！

根拠は以下のドキュメントになっています。

head.tsxで Header の個別設定もできるようですね！（便利）

本文中に追記させていただきました。

TakashiAihara

有用な記事ありがとうございます！
create-next-app について、一つ見つけました。

 18:38:38  > npx create-next-app --help 
~~~ 省略 ~~~
Options:
  -V, --version                      output the version number
  --ts, --typescript                 
    Initialize as a TypeScript project.
   --experimental-app
    Initialize as a `app/` directory project.

下記のようにすれば、appDirの云々が省略できそうですね。
appDir: true, になっていることは確認できました。

npx create-next-app nextjs13-sample --ts --experimental-app --use-npm

じゅん

こちらこそ読んでいただいてありがとうございます！
おおー、--experimental-appってオプションがあるんですね！
本文に追記させていただきました🙏