nuxt-netlify-functions-example

Nuxt.js example for running Netlify functions locally in a dev environment and as a generated static site deployed to Netlify.

Heavily inspired by the official guide and this example.

Demo

Live demo can be found here.

Testing functions locally

Thanks to the Netlify Dev command in the Netlify CLI (yarn global add netlify-cli), you can test your functions locally with no build step involved!

After building the app and running netlify dev or ntl dev, you can test the functions locally by hitting the endpoint http://localhost:8888/.netlify/functions/

Build Setup

# Use Node version specified in nvmrc
$ nvm use

# Install dependencies
$ yarn

# Build Nuxt app
$ yarn build

# Serve Nuxt app and Netlify functions at localhost:8888
$ netlify dev

# Generate static project
$ yarn generate

Running Tests

Tests use the Netlify CLI to run the serverless functions locally. You'll probably be prompted to login with your Netlify account.

# Serve Nuxt app and Netlify functions at localhost:8888
$ netlify dev

# Run this command in another terminal
$ yarn test