https://aamnah.com/notes/serverless/ Recent content in Serverless on Aamnah - Frontend Web Developer Hugo en-us Wed, 05 Jun 2024 00:00:00 +0000 https://aamnah.com/notes/serverless/netlify-edge-functions/ Sat, 30 Dec 2023 11:17:41 +0200 https://aamnah.com/notes/serverless/netlify-edge-functions/ <p>Summary</p> <ul> <li>how to create a function file</li> <li>how to save and use environment variables</li> <li>how to install and use third party packages</li> <li>how to run your functions locally and on live remote</li> <li>how to pass data to netlify functions</li> </ul> <hr> <h2 id="functions-vs-edge-functions">Functions vs. Edge Functions</h2> <p>There are <em>functions</em> and there are <em>edge functions</em>. Both are serverless functions, with <em>edge</em> function being served from CDN server locations closest to the user <a href="https://www.netlify.com/blog/edge-functions-explained/">ref</a>.</p> <ul> <li>Function can be created in TS, JS and Go; and are based on a <strong>Nodejs runtime</strong>. (Tip: the Node version can be configured from the dashborad or <code>netlify.toml</code> or <code>.nvmrc</code>)</li> <li>Edge Functions on the other hand are based on a <strong>Deno runtime</strong> and can only be in TypeScript and JavaScript. <a href="https://docs.netlify.com/edge-functions/get-started/#edge-functions-with-jsx-or-tsx"><code>.jsx</code>, <code>.tsx</code> are also supported</a> for SSR (server-side-handling)</li> <li>There will be minor differences between the two function types as the code will need to be adjusted for that particular runtime. For example, module imports are done differently.</li> </ul> <p>Function or Edge Function? Which one to choose? Personally, i always go with <code>edge-functions</code> because they&rsquo;re simpler and i don&rsquo;t have to worry about module formats. The only reason i would choose <code>functions</code> is if i wanted to write Go functions</p>