【Next.js】dev 環境で https で起動する [Techblog#28]

Next.js において、開発環境を https で立ち上げたい場合の設定方法です

⚠️ 実験的機能のようなので、変更が入る可能性はあります

また Next.js 13.5 から使える機能で、比較的最近に実装された機能です

package.json の scripts に --experimental-https と設定するとオレオレ証明書を発行して TLS で通信できます

{  "scripts": {    "dev": "next dev",    "dev:https": "next dev --experimental-https"  }}

これで、開発環境が TLS 化しました 🎉

certificate/ 以下に証明書が配置されるので .gitignore とかにしておくと良いです

また、自前の証明書を利用したい場合は --experimental-https-key <path> 等で指定可能です