この記事は最終更新日から1年以上が経過しています。
Nuxt.js(SSG)で構成されたプロジェクトにNetlify Functionsを統合していきます。
netlify-lambda
をインストールします。
bashyarn add netlify-lambda
サーバレス関数を置くディレクトリを作ります。
bashmkdir functions
その配下に、hello.js
というファイルを作ります。
bashtouch functions/hello.js
netlifyの構成ファイルを作ります。
bashtouch netlify.toml
bash. ├── functions/hello.js ├── netlify.toml ├── nuxt.config.js ├── package.json └── yarn.lock
hello.js
jsexports.handler = async (event, context) => { return { statusCode: 200, body: "Hello, World" } }
package.json
json{ "scripts": { "serve": "netlify-lambda serve functions/", } }
netlify.toml
js[build] Command = "netlify-lambda build functions/ && nuxt generate --modern=server" functions = "functions/dist" publish = "dist"
※Netlify Functionsは{TARGET}/dist
にデプロイされます。
https://{DOMAIN}/.netlify/functions/hello
にデプロイされます。
ローカルで起動する。
bashyarn run serve --port=9001
http://localhost:9001/.netlify/functions/hello
から実行できます。