What this is

this shows how to use netlify with just plain html js and css, together with netlify functions.

How to use (1 click)

Click this to fork and deploy

How to use (Manual)

Clone or fork this repo, link to a git host (like GitHub or GitLab), and deploy to Netlify at https://app.netlify.com

How to use (Netlify Dev)

Make sure you have the latest CLI version:

npm i -g netlify-cli

then:

git clone https://github.com/netlify-labs/vanilla-html-example # or clone your own fork of this repo
cd vanilla-html-example
netlify dev

and develop away! use netlify functions:create to scaffold new functions as needed

To deploy:

netlify init
# optionally do a preview deploy: netlify deploy
# or straight to prod: netlify deploy --prod

If you have an existing Netlify instance you want this code to take over, use netlify link instead.

You can check your login status with netlify status, and also check out the browser extension and menubar app.

How to scaffold new functions, for example add a token-hider to hide API keys

Watch this 7 minute video: https://youtu.be/gWIK_QHyuWs