Skip to content

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

License

Notifications You must be signed in to change notification settings

UnitedWithCode/nuxt-netlify-functions-example

 
 

Repository files navigation

nuxt-netlify-functions-example

Netlify Status GitHub Actions

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

# 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

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 55.7%
  • JavaScript 43.9%
  • SCSS 0.4%