feat: add kubernetes

.github/workflows/publish.yaml

@@ -0,0 +1,64 @@
+# This is a basic workflow to help you get started with Actions
+
+name: Build & Deploy to Dev
+
+# Controls when the action will run. Triggers the workflow on push or pull request
+# events but only for the master branch
+on:
+  push:
+    branches: [master, feat/k8s]
+
+# A workflow run is made up of one or more jobs that can run sequentially or in parallel
+jobs:
+  # This workflow contains a single job called "build"
+  build-and-deploy:
+    # The type of runner that the job will run on
+    runs-on: ubuntu-latest
+
+    # Steps represent a sequence of tasks that will be executed as part of the job
+    steps:
+      - name: Checkout sources
+        uses: actions/checkout@v3
+
+      - name: Cache skaffold image builds & config
+        uses: actions/cache@v2
+        with:
+          path: ~/.skaffold/
+          key: skaffold
+          restore-keys: |
+            skaffold
+
+      - name: Config git bot user
+        run: |
+          git config --global user.email "github-actions[bot]@users.noreply.github.com"
+          git config --global user.name "github-actions[bot]"
+
+      - name: Build with Skaffold
+        uses: hiberbee/github-action-skaffold@latest
+        env:
+          SANITY_READ_DATA_TOKEN: ${{ secrets.SANITY_READ_DATA_TOKEN }}
+          SANITY_API_TOKEN: ${{ secrets.SANITY_API_TOKEN }}
+          SANITY_PREVIEW_SECRET: ${{ secrets.SANITY_PREVIEW_SECRET }}
+        with:
+
+          command: build
+          repository: registry.iteam.services
+          digest-source: tag
+
+      - name: Render output
+        uses: hiberbee/github-action-skaffold@latest
+        env:
+          SANITY_READ_DATA_TOKEN: ${{ secrets.SANITY_READ_DATA_TOKEN }}
+          SANITY_API_TOKEN: ${{ secrets.SANITY_API_TOKEN }}
+          SANITY_PREVIEW_SECRET: ${{ secrets.SANITY_PREVIEW_SECRET }}
+        with:
+          command: render --output deploy/latest.yaml
+          cache-file: ''
+          repository: registry.iteam.services
+          digest-source: tag
+
+      - name: Push new manifest to FluxCD
+        run: |
+          git add deploy/latest.yaml
+          git commit --amend --no-edit
+          git push

.gitignore

@@ -1 +1,2 @@
-.DS_Store
+.DS_Store
+.env

client/Dockerfile

@@ -0,0 +1,53 @@
+# Install dependencies only when needed
+FROM node:16-alpine AS deps
+# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
+RUN apk add --no-cache libc6-compat autoconf automake build-base curl git libtool make nodejs npm pkgconf nasm yasm optipng
+WORKDIR /app
+COPY package.json yarn.lock ./
+RUN yarn install --frozen-lockfile
+
+# Rebuild the source code only when needed
+FROM node:16-alpine AS builder
+WORKDIR /app
+COPY . .
+COPY --from=deps /app/node_modules ./node_modules
+
+ARG SANITY_READ_DATA_TOKEN
+ARG SANITY_API_TOKEN
+ARG SANITY_PREVIEW_SECRET
+
+ENV SANITY_READ_DATA_TOKEN $SANITY_READ_DATA_TOKEN
+ENV SANITY_API_TOKEN $SANITY_API_TOKEN
+ENV SANITY_PREVIEW_SECRET $SANITY_PREVIEW_SECRET
+
+
+RUN yarn build && yarn install --production --ignore-scripts --prefer-offline
+
+# Production image, copy all the files and run next
+FROM node:16-alpine AS runner
+WORKDIR /app
+
+ENV NODE_ENV production
+
+RUN addgroup -g 1001 -S nodejs
+RUN adduser -S nextjs -u 1001
+
+# You only need to copy next.config.js if you are NOT using the default configuration
+# COPY --from=builder /app/next.config.js ./
+COPY --from=builder /app/public ./public
+COPY --from=builder --chown=nextjs:nodejs /app/.next ./.next
+COPY --from=builder /app/node_modules ./node_modules
+COPY --from=builder /app/package.json ./package.json
+
+USER nextjs
+
+EXPOSE 3000
+
+ENV PORT 3000
+
+# Next.js collects completely anonymous telemetry data about general usage.
+# Learn more here: https://nextjs.org/telemetry
+# Uncomment the following line in case you want to disable telemetry.
+ENV NEXT_TELEMETRY_DISABLED 1
+
+CMD ["node_modules/.bin/next", "start"]

client/package.json

@@ -18,7 +18,6 @@
     "google-libphonenumber": "^3.2.24",
     "google-map-react": "^1.1.7",
     "gray-matter": "^4.0.3",
-    "imagemin-optipng": "^8.0.0",
     "imagemin-svgo": "^9.0.0",
     "lodash": "^4.17.15",
     "lru-cache": "^6.0.0",

client/src/components/HubspotForm/index.js

@@ -1,7 +1,7 @@
-import React from "react"
+import React, { useState } from "react"
 import styled from "styled-components"
 
-import { Title, Box } from "../Core"
+import { Title, Box, Button } from "../Core"
 
 import { device } from "../../utils"
 
@@ -21,13 +21,15 @@ const HubspotForm = ({
   value,
   title = "Boka intromöte direkt i kalendern",
 }) => {
+  const [formVisible, setFormVisible] = useState(false)
   React.useEffect(() => {
+    if (!formVisible) return
     const script = document.createElement("script")
     script.src =
       "https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js"
     script.async = true
     document.body.appendChild(script)
-  }, [])
+  }, [formVisible])
 
   return (
     <FormStyled
@@ -39,11 +41,16 @@ const HubspotForm = ({
       <Box>
         <Title>{title}</Title>
       </Box>
-      <input type="hidden" name="form-name" value={value} />
-      <div
-        className="meetings-iframe-container"
-        data-src="https://meetings.hubspot.com/jonna-hjern/intromote-iteam?embed=true"
-      />
+      { formVisible ? (<>
+        <input type="hidden" name="form-name" value={value} />
+        <div
+          className="meetings-iframe-container"
+          data-src="https://meetings.hubspot.com/jonna-hjern/intromote-iteam?embed=true"
+        />
+      </>
+) : (
+        <Button onClick={() => setFormVisible(true)}>Hitta tid i vår kalender</Button>
+)}
     </FormStyled>
   )
 }

client/src/components/PageWrapper/PageWrapper.js

@@ -1,6 +1,6 @@
-import React, { useEffect, useContext } from "react"
+import React, { useEffect, useContext } from 'react'
 
-import GlobalContext from "../../context/GlobalContext"
+import GlobalContext from '../../context/GlobalContext'
 
 const PageWrapper = ({ children, headerDark = false, footerDark = false }) => {
   const gContext = useContext(GlobalContext)

client/src/context/GlobalContext.js

@@ -1,5 +1,4 @@
 import React, { useState } from "react"
-import { Helmet } from "react-helmet"
 
 const GlobalContext = React.createContext()
 
@@ -69,15 +68,6 @@ const GlobalProvider = ({ children }) => {
         decCartTotal,
       }}
     >
-      <Helmet>
-        <script
-          type="text/javascript"
-          id="hs-script-loader"
-          async
-          defer
-          src="//js.hs-scripts.com/5211588.js"
-        ></script>
-      </Helmet>
       {children}
     </GlobalContext.Provider>
   )