> For the complete documentation index, see [llms.txt](https://engine.sygnal.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://engine.sygnal.com/setup/setup-netlify.md).

# Setup Netlify

Sygnal prefers Netlify for our SSE deployments, however there are many other CDN frameworks you can utilize;&#x20;

* Coolify
* jsDelivr
* NPM

## Why Netlify?

* Generous free tier. If you use a public repo, you should not need to pay anything for the SSE setup we're using here.&#x20;
* Direct integration with Github.&#x20;
* Automatic build triggers on Github commits. Simplifies the CI/CD setup, generally avoiding the need for Github Actions in a typical SSE setup.&#x20;

Also,

* Ability to deploy from private organization-owned repos if you want to, on a paid Netlify plan.&#x20;
* Lots of additional capabilities, like serverless functions.  br

## Video Tutorial

{% embed url="<https://www.loom.com/share/d5f8ae18a98f46a5b6bad1d9522c641b>" %}

## Setup Production CDN&#x20;

Create a new site in Netlify;

* <https://app.netlify.com/start>

Connect to your repo;&#x20;

* Click Github option&#x20;

Configure your site settings;&#x20;

| Setting             | Value           | Notes                                          |
| ------------------- | --------------- | ---------------------------------------------- |
| Site name           | e.g. `mysite`   | Use something unique that represents your site |
| Branch to deploy    | `main`          |                                                |
| Base directory      | ( blank )       |                                                |
| Build command       | `npm run build` |                                                |
| Publish directory   | `dist`          |                                                |
| Functions directory | ( blank )       |                                                |

Deploy

Test it

e.g. if your site name was `mysite`, your code would be CDN delivered at;&#x20;

[https://mysite.netlify.app/index.js](https://nanistori.netlify.app/index.js)&#x20;
