Next.jsプロジェクトにCapacitorを導入してアプリ化してみる

Capacitorをインストール - Capacitor (capacitorjs.jp)

$ yarn add @capacitor/core
$ yarn add -D @capacitor/cli

Next.jsのexportで静的ファイルを生成しておく

$ yarn next build
$ yarn next export

nextが出力したファイルを指定してcapacitorをinit

まずはAndroidで実行してみる

$ yarn add @capacitor/android
$ yarn cap add android
$ yarn cap run android

動いた

よくわからないエラーとか

最初Android Studioで開いたときにこんなエラーが出た。Android Studioを4.2にあげてからは出てない

org.gradle.api.resources.MissingResourceException: Could not read script '.../cordova.variables.gradle' as it does not exist.

途中までWSL上でやったんですが、WSL上のファイルだとNetworkマウントだから遅いよってAndroid Studioに怒られたのでWindows側でやり直した