Setup Netlify

Setup Netlify as your site engine code CDN

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

• 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.

• Direct integration with Github.

• Automatic build triggers on Github commits. Simplifies the CI/CD setup, generally avoiding the need for Github Actions in a typical SSE setup.

Also,

• Ability to deploy from private organization-owned repos if you want to, on a paid Netlify plan.

• Lots of additional capabilities, like serverless functions. br

Video Tutorial

Setup Production CDN

Create a new site in Netlify;

• https://app.netlify.com/start

Connect to your repo;

• Click Github option

Configure your site settings;

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;

https://mysite.netlify.app/index.js