Trym Haugan Berger

.github/workflows/main.yml

@@ -0,0 +1,18 @@
+name: Trigger Netlify Build
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    name: 'Deploy to Netlify'
+    steps:
+      - uses: actions/checkout@v3
+      - uses: jsmrcaga/action-netlify-deploy@v2.4.0
+        with:
+          NETLIFY_AUTH_TOKEN: ${{ secrets.NEW_AUTH_TOKEN }}
+          NETLIFY_SITE_ID: ${{ secrets.MY_SITE_ID }}
+          NETLIFY_DEPLOY_TO_PROD: true
+          build_directory: dist/hello-ci-cd/browser

.gitignore

@@ -40,3 +40,5 @@ testem.log
 # System files
 .DS_Store
 Thumbs.db
+.env
+enviroment.ts

README.md

@@ -1,3 +1,5 @@
+# https://randomredditmeme.netlify.app/
+
 # Angular CI/CD
 
 ## Learning objectives

netlify.toml

@@ -0,0 +1,4 @@
+[build]
+  command = "npm run build"
+  publish = "dist/hello-ci-cd/browser"
+  functions = "netlify/functions"

netlify/functions/get-meme.ts

@@ -0,0 +1,36 @@
+import { Handler } from '@netlify/functions'
+import fetch from 'node-fetch'
+
+const handler: Handler = async () => {
+  const apiKey = process.env['APILEAGUE_API_KEY']
+  const apiUrl = 'https://api.apileague.com/retrieve-random-meme'
+
+  try {
+    const response = await fetch(apiUrl, {
+      headers: {
+        'x-api-key': apiKey ?? ''
+      }
+    })
+
+    if (!response.ok) {
+      return {
+        statusCode: response.status,
+        body: `API error: ${response.statusText}`
+      }
+    }
+
+    const data = await response.json()
+
+    return {
+      statusCode: 200,
+      body: JSON.stringify(data)
+    }
+  } catch (error: any) {
+    return {
+      statusCode: 500,
+      body: `Server error: ${error.message}`
+    }
+  }
+}
+
+export { handler }