Closed4
Next.js Go Wasm
RuGoでコンパイルされたWebAssenblyをNextで動かす時のメモ
環境はNext13 appDirは利用していません
Ru
wasm_exec.jsを読み込む
wasm_exec.jsはpublic配下に置いています
個人的に<NextScript />の上に置いた方がscriptが並んで気持ちいいです
_document.tsx
import Script from 'next/script'
<Script strategy='beforeInteractive' src='wasm_exec.js' />
ref
Ru
webpackのasyncWebAssemblyを加える
next.config.js
const nextConfig = {
webpack: (config) => ({
...config,
experiments: {
asyncWebAssembly: true,
},
}),
}
module.exports = nextConfig
ref
Ru実行!
main.wasmはpublic配下に置いています
WebAssembly.instantiateStreaming(fetch('main.wasm'), go.importObject).then(
(res) => go.run(res.instance),
)
(CLI上のgo run XXXX.goと同じです)
あっという間でしたね😸
このスクラップは2023/03/23にクローズされました