turbopack触ってみた

公式ドキュメント

https://turbo.build/pack/docs

2022-10-26現在はα版となっている

サンプルの立ち上げ

$ npx create-next-app --example with-turbopack
$ cd [作成したプロジェクトのディレクトリ]
$ npx npm run dev

npx npm run devはnpxを通した実行でなくても良いので、npm run dev でも良い。yarnなどでも立ち上げられるようになっていそう。

http://localhost:3000/ へアクセスすると、次のような画面を見ることができる

サンプルのコードの内容

メモ

• Boundary や Suspense なども利用されており、React18を意識した書き方となっている。
• 一部TypeScript
• Tailwindが最初から入ってる

補足

Error Boundary
Suspense