feat: cloud run workflow

.dockerignore

@@ -0,0 +1,8 @@
+.env
+Dockerfile
+.dockerignore
+node_modules
+npm-debug.log
+README.md
+.next
+.git

.github/workflows/dev.yaml

@@ -6,10 +6,16 @@ on:
     branches:
       - dev
 
+env:
+  PROJECT_ID: ${{ secrets.PROJECT_ID }}
+  SERVICE: ${{ secrets.SERVICE }}
+  REGION: ${{ secrets.REGION }}
+  TAG: latest
+
 jobs:
   build_and_deploy:
     if: github.repository_owner == 'systemphil'
-    environment: dev
+    environment: dev 
     runs-on: ubuntu-latest
 
     steps:
@@ -25,29 +31,33 @@ jobs:
       with:
         fetch-depth: 0
 
-    - name: Set Up Node.js
-      uses: actions/setup-node@v3
-      with:
-        node-version: 20
-
-    - name: 'Create env file'
-      run: |
-        echo "${{ secrets.ENV_FILE }}" > .env
-
-    - name: Install Dependencies
-      run: npm ci
-
-    - name: Build
-      run: npm run build
-
-    - name: Copy app.yaml to out directory
-      run: cp app.yaml ./out/
-
     - name: Auth
       uses: 'google-github-actions/auth@v2'
       with:
         credentials_json: '${{ secrets.GOOGLE_CREDENTIALS }}'
 
-    - name: Deploy
+    - name: Docker Auth
+      id: docker-auth
+      uses: "docker/login-action@v1"
+      with:
+        username: _json_key
+        password: "${{ secrets.GOOGLE_CREDENTIALS }}"
+        registry: "${{ env.REGION }}-docker.pkg.dev"
+
+    - name: Build and Push Container
+      run: |-
+        docker build \
+          -f Dockerfile \
+          -t "${{ env.REGION }}-docker.pkg.dev/${{ env.PROJECT_ID }}/${{ env.SERVICE }}/${{ env.SERVICE }}:${{ env.TAG }}" ./
+        docker push "${{ env.REGION }}-docker.pkg.dev/${{ env.PROJECT_ID }}/${{ env.SERVICE }}/${{ env.SERVICE }}:${{ env.TAG }}"
+
+    - name: Deploy to Cloud Run
       run: |
-        gcloud app deploy app.yaml
+          gcloud run deploy ${{env.SERVICE}} \
+            --platform=managed \
+            --region=${{ env.REGION }} \
+            --allow-unauthenticated \
+            --max-instances=4 \
+            --min-instances=1 \
+            --update-secrets=NEXT_PUBLIC_SITE_ROOT=NEXT_PUBLIC_SITE_ROOT:latest,NEXT_PUBLIC_GA_ID=NEXT_PUBLIC_GA_ID:latest \
+            --image="${{ env.REGION }}-docker.pkg.dev/${{ env.PROJECT_ID }}/${{ env.SERVICE }}/${{ env.SERVICE }}:${{ env.TAG }}"

Dockerfile

@@ -0,0 +1,16 @@
+FROM node:20-alpine AS installer
+WORKDIR /app
+COPY package*.json ./
+RUN npm ci
+
+FROM node:20-alpine AS builder
+WORKDIR /app
+COPY --from=installer /app/node_modules/ /app/node_modules
+COPY . .
+RUN npm run build
+
+FROM node:20-alpine AS runner
+WORKDIR /app
+COPY --from=builder /app/build/ /app
+RUN npm install -g serve
+CMD ["serve", "-L"]

package.json

@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@napi-rs/simple-git-linux-x64-gnu": "^0.1.9",
+    "@napi-rs/simple-git-linux-x64-musl": "^0.1.16",
     "@types/node": "20.6.0",
     "@types/react": "18.2.21",
     "@types/react-dom": "18.2.7",

src/components/Analytics.tsx

@@ -17,6 +17,7 @@ function removeGoogleAnalytics() {
 
 const Analytics = () => {
     const GA_ID = process.env.NEXT_PUBLIC_GA_ID;
+    console.log(GA_ID) // TODO remove
     const [hasConsentValue, setHasConsentValue] = useState<boolean>(false);
 
     const loadGoogleAnalytics = useCallback(() => {

theme.config.tsx

@@ -6,6 +6,8 @@ import { type DocsThemeConfig, useConfig } from "nextra-theme-docs";
 
 const SITE_ROOT = process.env.NEXT_PUBLIC_SITE_ROOT;
 
+console.log(SITE_ROOT); // TODO remove
+
 const config: DocsThemeConfig = {
 	docsRepositoryBase: "https://github.com/systemphil/sphil/tree/main", // root for every edit link
 	editLink: {