feat: Netlify & Github Actions added

Author: AndrewJBateman

.github/workflows/netlify-hosting-merge.yml

@@ -0,0 +1,22 @@
+name: Deploy to Netlify Hosting on merge
+"on":
+  push:
+    branches:
+      - master
+jobs:
+  build_and_deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - run: npm ci && npm run build:ssr
+      - uses: nwtgck/actions-netlify@v2
+        with:
+          publish-dir: "./dist/angular-signals-database/browser"
+          production-branch: master
+          production-deploy: true
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          deploy-message: "Deploy from GitHub Actions"
+          netlify-config-path: "./netlify.toml"
+        env:
+          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
+          NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}

.github/workflows/netlify-hosting-pull-request.yml

@@ -0,0 +1,22 @@
+name: Deploy to Netlify Hosting on PR
+"on": pull_request
+jobs:
+  build_and_preview:
+    if: "${{ github.event.pull_request.head.repo.full_name == github.repository }}"
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - run: npm ci && npm run build:ssr
+      - uses: nwtgck/actions-netlify@v2
+        with:
+          publish-dir: "./dist/angular-signals-database/browser"
+          production-branch: master
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          deploy-message: "Deploy from GitHub Actions"
+          enable-pull-request-comment: true
+          enable-commit-comment: true
+          overwrites-pull-request-comment: true
+          netlify-config-path: "./netlify.toml"
+        env:
+          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
+          NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}

netlify.toml

@@ -1,5 +1,11 @@
 [[redirects]]
   from = "/*"
-  to = "/index.html"
+  to = "/.netlify/functions/start"
   status = 200
-  
+
+[build]
+  command = "ng build --configuration production && npm run copy:files"
+  publish = "netlify/functions/"
+
+[functions]
+  included_files = ["dist/**"]

netlify/functions/start.js

@@ -0,0 +1,4 @@
+const serverless = require('serverless-http');
+const { app } = require("./dist/angular-signals-database/server/main");
+
+exports.handler = serverless((app));

package-lock.json

@@ -7,8 +7,10 @@
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
     "test": "ng test",
+    "test:ci": "ng test --no-watch --no-progress --browsers=ChromeHeadlessCI",
     "dev:ssr": "ng run angular-signals-database:serve-ssr",
     "serve:ssr": "node dist/angular-signals-database/server/main.js",
+    "copy:files": "node ./scripts/copyFiles.js",
     "build:ssr": "ng build && ng run angular-signals-database:server",
     "prerender": "ng run angular-signals-database:prerender"
   },
@@ -25,9 +27,12 @@
     "@angular/platform-browser-dynamic": "^16.1.2",
     "@angular/platform-server": "^16.1.2",
     "@angular/router": "^16.1.2",
+    "@netlify/functions": "^1.6.0",
     "@nguniversal/express-engine": "^16.1.0",
     "express": "^4.15.2",
+    "fs-extra": "^11.1.1",
     "rxjs": "~7.8.1",
+    "serverless-http": "^3.2.0",
     "tslib": "^2.5.3",
     "zone.js": "~0.13.1"
   },
@@ -47,4 +52,4 @@
     "karma-jasmine-html-reporter": "~2.1.0",
     "typescript": "~5.0.3"
   }
-}
+}

package.json

@@ -0,0 +1,9 @@
+const fs = require("fs-extra");
+
+(async () => {
+  const src = "./dist";
+  const copy = "./netlify/functions/dist";
+
+  await fs.remove(copy);
+  await fs.copy(src, copy);
+})();