try this

Author: atielking

.github/workflows/pipeline.yml

@@ -0,0 +1,48 @@
+name: Deployment pipeline
+
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+    branches: [master]
+    types: [opened, synchronize]
+      
+jobs:
+  deployment_prep:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v2
+        with:
+          node-version: '16'
+      - name: npm install 
+        run: npm install  
+      - name: lint
+        run: npm run lint
+      - name: build
+        run: npm run build
+  deploy:
+    name: Deploy app
+    needs: [deployment_prep]
+    runs-on: ubuntu-latest
+    if: ${{ github.event_name == 'push' && !contains(join(github.event.commits.*.message, ''), '#skip
+    steps:
+      - uses: actions/checkout@v3
+      - uses: superfly/flyctl-actions/setup-flyctl@master
+      - run: flyctl deploy --remote-only
+        env:
+          FLY_API_TOKEN: ${{ secrets.FLY_API_TOKEN }}
+  tag_release:
+    needs: [deploy]
+    permissions: write-all
+    runs-on: ubuntu-latest
+    if: ${{ github.event_name == 'push' && !contains(join(github.event.commits.*.message, ''), '#skip
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: '0'
+      - name: Bump version and push tag
+        uses: anothrNick/github-tag-action@eca2b69f9e2c24be7decccd0f15fdb1ea5906598
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

client/components/App 2.js

@@ -0,0 +1,12 @@
+import React from 'react'
+import NavBar from 'Components/NavBar'
+import Footer from 'Components/Footer'
+import Router from 'Components/Router'
+
+export default () => (
+  <>
+    <NavBar />
+    <Router />
+    <Footer />
+  </>
+)

client/components/Footer 2.js

@@ -0,0 +1,10 @@
+import React from 'react'
+import { images } from 'Utilities/common'
+
+const Footer = () => (
+  <div className="footer">
+    <img src={images.toskaLogo} alt="toska" />
+  </div>
+)
+
+export default Footer

client/components/FrontPage/index 2.js

@@ -0,0 +1,10 @@
+import React from 'react'
+
+const FrontPage = () => (
+  <>
+    Welcome
+    <a href="/messages">Messages</a>
+  </>
+)
+
+export default FrontPage

client/components/NavBar 2.js

@@ -0,0 +1,10 @@
+import React from 'react'
+import { images } from 'Utilities/common'
+
+const NavBar = () => (
+  <div className="navbar">
+    <img src={images.toskaLogo} alt="toska" />
+  </div>
+)
+
+export default NavBar

client/util/common 2.js

@@ -0,0 +1,11 @@
+/**
+ * Insert common items for frontend here
+ */
+import toskaLogo from 'Assets/toskalogo_color.svg'
+
+export const images = {
+  toskaLogo,
+}
+
+// Everything from application wide common items is available through here
+export * from '@root/config/common'

config/common 2.js

@@ -0,0 +1,9 @@
+/**
+ * Insert application wide common items here, they're all exported by frontend and backend common.js respectively
+ */
+
+const inProduction = process.env.NODE_ENV === 'production'
+
+module.exports = {
+  inProduction,
+}

server/util/common 2.js

@@ -0,0 +1,8 @@
+const common = require('@root/config/common')
+
+const PORT = process.env.PORT || 8000
+
+module.exports = {
+  ...common,
+  PORT,
+}

server/util/routes 2.js

@@ -0,0 +1,10 @@
+const Router = require('express')
+const messages = require('@controllers/messagesController')
+
+const router = Router()
+
+router.get('/messages', messages.getAll)
+router.post('/messages', messages.create)
+router.delete('/messages/:id', messages.destroy)
+
+module.exports = router