dockerize next app (#476)

* CI Docker next-app build
Build docker image & push added to package.json
updated ci for docker build/push on PR merge
updated tiltfile to build and run the next-app in docker if CI

* Fix deps cache step

* re-add postinstall

* Re-add next-app ignore build

* wip on docker setup with e2e

* even better

* tilting

* lots of fixes

* last tweaks

* fix docker build action

* try this way

* fix tilt parsing args

* fix dep issue in infra

* wait longer for docker build

* faster start up time for dockerized

* log the env local setup

* convert more things to docker

* almost there

* more lil fixes

* fix resource deps

* don't forget about NEXT_PUBLIC_URL;

* fix bug

* set interval minining to 2 seconds

* remove old secret

---------

Co-authored-by: Beezy <[email protected]>

Author: 0xBigBoss

.dockerignore

@@ -1,33 +1,27 @@
-*
-!package.json
-!.yarnrc.yml
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/sdks
-!.yarn/versions
-!yarn.lock
-!foundry.toml
-!remappings.txt
-!tsconfig.json
-!tsconfig.base.json
-!apps
-!packages
-!supabase/package.json
-!supabase/tsconfig.json
-!supabase/*.types.ts
 # may be redundant but last thing we want is large dockerfiles. from here on out, it mostly mirrors the .gitignore
+**/Tiltfile
+**/**.tiltfile
+**/**.Tiltfile
+**/*.tsbuildinfo
 **/dist
 **/node_modules
 **/out
 **/.tamagui/*
 **/coverage
 **/.next
 **/.expo
-/build
+**/build
 **/test-results
 **/playwright-report
-.cache/
+**/.next
+**/.expo
+**/.auth
+**/.tamagui/*
+**/coverage
+**/.turbo
+**/.cache/
+**/out
+**/*.snap
 .auth/
 
 *.log*
@@ -65,6 +59,11 @@ tmp
 .parcel-cache
 
 # Foundry stuff
-cache/
-out/
-broadcast
+**/cache/
+**/out/
+**/var
+**/broadcast
+!**/broadcast/**/run-latest.json
+**/Dockerfile
+**/.dockerignore
+**/.tamagui

.env.development.docker

@@ -0,0 +1,2 @@
+CI=true
+DEBUG=api:*

.github/actions/docker-build/action.yml

@@ -0,0 +1,54 @@
+name: "Setup Docker Build Environment"
+description: "Set up Node.js, install Foundry, and set up Bun. Runs Yarn install run docker build"
+inputs:
+  build-nextjs-docker:
+    description: "Whether to build Next.js docker image"
+    required: false
+    default: "true"
+  push-nextjs-docker-image:
+    description: "Whether to push build to dockerhub"
+    required: false
+    default: "false"
+  dockerhub_username:
+    description: "Username to login to dockerhub"
+    required: false
+  dockerhub_password:
+    description: "Password to login to dockerhub"
+    required: false
+runs:
+  using: "composite"
+  steps:
+    - name: Use Node.js
+      if: ${{ inputs.build-nextjs-docker == 'true' }}
+      uses: actions/setup-node@v4
+      with:
+        node-version-file: .node-version
+        cache: "yarn"
+    - name: Setup Bun
+      if: ${{ inputs.build-nextjs-docker == 'true' }}
+      uses: oven-sh/setup-bun@v1
+    - name: Install Foundry
+      if: ${{ inputs.build-nextjs-docker == 'true' }}
+      uses: foundry-rs/foundry-toolchain@v1
+      with:
+        version: nightly
+    - name: Yarn Install
+      if: ${{ inputs.build-nextjs-docker == 'true' }}
+      shell: bash
+      run: yarn install --immutable
+    - name: Build Next.js
+      if: ${{ inputs.build-nextjs-docker == 'true' }}
+      shell: bash
+      run: |
+        cp .env.local.template .env.local
+        yarn web:docker:build
+        rm .env.local
+    - uses: docker/login-action@v3
+      if: ${{ inputs.build-nextjs-docker == 'true' }} && ${{ inputs.push-nextjs-docker-image == 'true' }}
+      with:
+        username: ${{ inputs.dockerhub_username }}
+        password: ${{ inputs.dockerhub_password }}
+    - name: Push to dockerhub
+      shell: bash
+      if: ${{ inputs.build-nextjs-docker == 'true' }} && ${{ inputs.push-nextjs-docker-image == 'true' }}
+      run: yarn web:docker:push

.github/workflows/build-docker.yml

@@ -0,0 +1,25 @@
+name: Docker Build
+on:
+  pull_request:
+    types:
+      - closed
+    branches:
+      - 'releases/**'
+      - 'dev'
+      - 'main'
+jobs:
+  if_merged:
+    if: github.event.pull_request.merged == true
+    runs-on: ubuntu-latest
+#    needs: [cache-deps]
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          submodules: recursive
+      - name: Build & Push Docker Image for next-app
+        uses: ./.github/actions/docker-build
+        with:
+          build-nextjs-docker: true
+          push-nextjs-docker-image: true
+          dockerhub_username: ${{ secrets.DOCKERHUB_USERNAME }}
+          dockerhub_password: ${{ secrets.DOCKERHUB_TOKEN }}

.github/workflows/ci.yml

@@ -166,7 +166,7 @@ jobs:
           sleep 1
           echo tilt is ready
           max_attempts=60
-          wait_timeout=5
+          wait_timeout=7
           for ((i=1; i<=max_attempts; i++)); do
             echo "Attempt $i: Waiting for tilt with timeout ${wait_timeout}s"
             

.tiltignore

@@ -4,3 +4,7 @@ packages/playwright/playwright-report
 **/cache
 /broadcast/**/run-*.json
 !/broadcast/**/run-latest.json
+**/coverage
+**/*.tsbuildinfo
+**/node_modules
+**/.turbo

Brewfile

@@ -15,3 +15,4 @@ brew "caddy" unless system "caddy version"
 brew "nss" unless system "type nss-policy-check"
 brew "sqlfluff" unless CI or system "sqlfluff --version"
 brew "postgresql@15" unless system "type pg_dump"
+brew "gnu-sed" unless system "gsed --version"