{"id":3768,"date":"2022-10-27T20:13:10","date_gmt":"2022-10-27T11:13:10","guid":{"rendered":"https:\/\/weseek.co.jp\/tech\/?p=3768"},"modified":"2023-04-17T10:40:15","modified_gmt":"2023-04-17T01:40:15","slug":"next-js-13-%e3%81%ae-turbopack-%e3%82%92%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%e3%82%b5%e3%83%bc%e3%83%90%e3%83%bc%e3%81%a7%e8%a9%a6%e3%81%9d%e3%81%86%e3%81%a8%e3%81%97%e3%81%9f%e8%a9%b1","status":"publish","type":"post","link":"https:\/\/weseek.co.jp\/tech\/3768\/","title":{"rendered":"Next.js 13 \u306e Turbopack \u3092\u30ab\u30b9\u30bf\u30e0\u30b5\u30fc\u30d0\u30fc\u3067\u8a66\u305d\u3046\u3068\u3057\u305f\u8a71"},"content":{"rendered":"<h1>\u7d4c\u7def<\/h1>\n<p><a href=\"https:\/\/nextjs.org\/conf\">Next.js Conf 2022<\/a> \u3067Next.js 13\u306b\u95a2\u3059\u308b\u767a\u8868\u3001\u305d\u306e\u4e2d\u306b\u306f <strong>Turbopack<\/strong> \u306a\u308b\u5927\u5909\u30a2\u30c4\u3044\u4ee3\u7269\u304c\u3042\u308a\u307e\u3057\u305f\u3002<\/p>\n<p><a href=\"https:\/\/nextjs.org\/blog\/next-13\">Next.js 13 Blog<\/a> \u304b\u3089<\/p>\n<p><img src=\"https:\/\/weseek.co.jp\/tech\/wp-content\/uploads\/2022\/10\/turbopack-ss-1024x772.png\" alt=\"\" \/><\/p>\n<p>700\u500d\u3060\u3068\uff1f\uff1f<br \/>\n\u3053\u308c\u306f\u8a66\u3057\u3066\u307f\u305f\u3044\u3067\u3059\u306d\u3002<\/p>\n\n<p><!--more--><\/p>\n<h1>TL;DR<\/h1>\n<p>2022\/10\/27 \u73fe\u5728\u3001v13.0.0 \u3067\u306f\u30ab\u30b9\u30bf\u30e0\u30b5\u30fc\u30d0\u30fc(Custom Server)\u5411\u3051\u306b Turbopack \u3092\u4f7f\u3046\u65b9\u6cd5\u306f\u3042\u308a\u307e\u305b\u3093\u3002<br \/>\n\u30d0\u30fc\u30b8\u30e7\u30f3\u30a2\u30c3\u30d7\u3092\u5f85\u3061\u307e\u3057\u3087\u3046\u3002<\/p>\n<h1>\u8a66\u3057\u3066\u307f\u308b<\/h1>\n<p>\u30d6\u30ed\u30b0\u3067\u306f\u512a\u4f4d\u6027\u306b\u3064\u3044\u3066\u8a18\u8ff0\u304c\u3042\u308b\u3082\u306e\u306e\u3001\u5b9f\u969b\u306e\u624b\u9806\u306f\u3042\u307e\u308a\u8a73\u3057\u304f\u306f\u66f8\u3044\u3066\u306a\u3044\u3002\u3002<\/p>\n<blockquote>\n<p>Try out the Turbopack alpha today in Next.js 13 with next dev --turbo.<\/p>\n<\/blockquote>\n<p><code>next dev --turbo<\/code> \u3067\u8a66\u305b\u308b\u3089\u3057\u3044\u3002<\/p>\n<p>\u304c\u3001\u6211\u3005\u304c\u77e5\u308a\u305f\u3044\u306e\u306f<a href=\"https:\/\/nextjs.org\/docs\/advanced-features\/custom-server\">\u30ab\u30b9\u30bf\u30e0\u30b5\u30fc\u30d0\u30fc(Custom Server)<\/a>\u3067\u306e\u5b9f\u73fe\u65b9\u6cd5\u3067\u3042\u308b\u3002\u3064\u307e\u308a\u3001<\/p>\n<pre><code class=\"language-javascript\">\/\/ setup Next.js\nthis.nextApp = next({ dev });\nawait this.nextApp.prepare();<\/code><\/pre>\n<p>\u307f\u305f\u3044\u306a\u30b3\u30fc\u30c9\u306b\u5bfe\u3057\u3066 <code>turbo: true<\/code> \u307f\u305f\u3044\u306a\u306e\u3092\u6e21\u3057\u305f\u3089\u52d5\u304f\u3001\u307f\u305f\u3044\u306a\u306e\u3092\u671f\u5f85\u3057\u3066\u308b\u3002<\/p>\n<h1>dev server with Turbopack \u8d77\u52d5\u65b9\u6cd5\u8abf\u67fb (v13.0.0 on 10\/27)<\/h1>\n<p>\u30d6\u30ed\u30b0\u306b\u306f\u3053\u3046\u3044\u3046 Note \u3082\u3042\u3063\u3066\u2193<\/p>\n<blockquote>\n<p>Note: Turbopack in Next.js currently only supports next dev. View the supported features.<br \/>\nWe are also working to add support for next build through Turbopack.<\/p>\n<\/blockquote>\n<p>\u306a\u308b\u307b\u3069\uff1f<br \/>\n\u3053\u306e <code>only supports next dev<\/code> \u3068\u3044\u3046\u306e\u306f\u3001\u958b\u767a\u4e2d\u3057\u304b\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u306a\u3044\u3088\u3068\u3044\u3046\u610f\u5473\u306a\u306e\u304b\u3001<code>next dev<\/code> \u30b3\u30de\u30f3\u30c9\u304b\u3089\u306e\u5229\u7528\u3057\u304b\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u306a\u3044\u3088\u3068\u3044\u3046\u610f\u5473\u306a\u306e\u304b\u2026<br \/>\n(2\u884c\u76ee\u306e <code>next build<\/code> \u3068\u306e\u5bfe\u6bd4\u3060\u3068\u3059\u308b\u3068\u5f8c\u8005\u306e\u3088\u3046\u306a\u6c17\u3082\u3059\u308b)<\/p>\n<p>\u30bd\u30fc\u30b9\u3092\u78ba\u8a8d\u3057\u3066\u307f\u308b\u3068<\/p>\n<p><a href=\"https:\/\/github.com\/vercel\/next.js\/blob\/v13.0.0\/packages\/next\/cli\/next-dev.ts#L104-L290\">https:\/\/github.com\/vercel\/next.js\/blob\/v13.0.0\/packages\/next\/cli\/next-dev.ts#L104-L290<\/a><\/p>\n<p>\u304c\u3063\u3064\u308a\u5834\u5408\u5206\u3051\u3067\u7d50\u69cb\u306a\u91cf\u306e\u6319\u52d5\u306e\u5909\u66f4\u304c\u884c\u308f\u308c\u3066\u3044\u308b\u3002\u305d\u3057\u3066\u30ea\u30dd\u30b8\u30c8\u30ea\u4e2d\u306b\u3053\u306e\u7b87\u6240\u4ee5\u5916\u306b turbopack \u95a2\u9023\u3067\u6319\u52d5\u3092\u5909\u3048\u3066\u3044\u308b\u90e8\u5206\u306f\u306a\u3055\u305d\u3046\u3002(\u305d\u3053\u307e\u3067\u9685\u3005\u307e\u3067\u8abf\u3079\u3066\u306a\u3044\u3051\u3069)<\/p>\n<p><a href=\"https:\/\/github.com\/vercel\/next.js\/blob\/v13.0.0\/packages\/next\/server\/dev\/next-dev-server.ts\">https:\/\/github.com\/vercel\/next.js\/blob\/v13.0.0\/packages\/next\/server\/dev\/next-dev-server.ts<\/a><\/p>\n<p>DevServer \u306b\u3082 turbopack \u95a2\u9023\u306e\u30aa\u30d7\u30b7\u30e7\u30f3\u30fb\u5b9f\u88c5\u306f\u306a\u3055\u305d\u3046\u3002<\/p>\n<p>\u3068\u3044\u3046\u308f\u3051\u3067\u3001<strong>\u7d50\u8ad6: \u307e\u3060\u7121\u7406<\/strong><\/p>\n<p>\u5f85\u3061\u307e\u3057\u3087\u3046\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u7d4c\u7def Next.js Conf 2022 \u3067Next.js 13\u306b\u95a2\u3059\u308b\u767a\u8868\u3001\u305d\u306e\u4e2d\u306b\u306f Turbopack \u306a\u308b\u5927\u5909\u30a2\u30c4\u3044\u4ee3\u7269\u304c\u3042\u308a\u307e\u3057\u305f\u3002 Next.js 13 Blog \u304b\u3089 700\u500d\u3060\u3068\uff1f\uff1f \u3053\u308c\u306f\u8a66\u3057\u3066\u307f\u305f\u3044\u3067<\/p>\n","protected":false},"author":16,"featured_media":3771,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[31,49,52,57,157],"tags":[],"_links":{"self":[{"href":"https:\/\/weseek.co.jp\/tech\/wp-json\/wp\/v2\/posts\/3768"}],"collection":[{"href":"https:\/\/weseek.co.jp\/tech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/weseek.co.jp\/tech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/weseek.co.jp\/tech\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/weseek.co.jp\/tech\/wp-json\/wp\/v2\/comments?post=3768"}],"version-history":[{"count":8,"href":"https:\/\/weseek.co.jp\/tech\/wp-json\/wp\/v2\/posts\/3768\/revisions"}],"predecessor-version":[{"id":4004,"href":"https:\/\/weseek.co.jp\/tech\/wp-json\/wp\/v2\/posts\/3768\/revisions\/4004"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/weseek.co.jp\/tech\/wp-json\/wp\/v2\/media\/3771"}],"wp:attachment":[{"href":"https:\/\/weseek.co.jp\/tech\/wp-json\/wp\/v2\/media?parent=3768"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/weseek.co.jp\/tech\/wp-json\/wp\/v2\/categories?post=3768"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/weseek.co.jp\/tech\/wp-json\/wp\/v2\/tags?post=3768"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}