diff --git a/.github/actions/setup-repo/action.yml b/.github/actions/setup-repo/action.yml
new file mode 100644
index 00000000..63270ab2
--- /dev/null
+++ b/.github/actions/setup-repo/action.yml
@@ -0,0 +1,18 @@
+name: Setup repo
+description: Runs all steps to setup the repo (install node_modules, build, etc...)
+inputs:
+  registry-token:
+    description: 'PAT to access registries'
+runs:
+  using: 'composite'
+  steps:
+    - uses: actions/checkout@v3
+    - name: Set up Bun
+      uses: oven-sh/setup-bun@v1
+      with:
+        bun-version: latest
+    - name: Install dependencies
+      run: bun install
+      env:
+        SDK_READ_ACCESS_TOKEN: ${{ secrets.SDK_READ_ACCESS_TOKEN }}
+      shell: bash
\ No newline at end of file
diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml
new file mode 100644
index 00000000..843c2808
--- /dev/null
+++ b/.github/workflows/lint.yml
@@ -0,0 +1,27 @@
+name: test code quality
+
+on:
+  pull_request:
+  push:
+    branches:
+      - main
+
+defaults:
+  run:
+    shell: bash
+
+jobs:
+  check-lint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Set up Bun
+        uses: oven-sh/setup-bun@v1
+        with:
+          bun-version: latest
+      - name: Install dependencies
+        run: bun install
+        env:
+          SDK_READ_ACCESS_TOKEN: ${{ secrets.SDK_READ_ACCESS_TOKEN }}
+      - name: Lint merkl-api codebase
+        run: bun lint:ci
\ No newline at end of file
diff --git a/.github/workflows/update_production.yml b/.github/workflows/update_production.yml
new file mode 100644
index 00000000..ebce20de
--- /dev/null
+++ b/.github/workflows/update_production.yml
@@ -0,0 +1,56 @@
+name: Trigger production deployment
+
+on:
+  push:
+    tags:
+      - 'v[0-9]+.[0-9]+.[0-9]+'
+
+defaults:
+  run:
+    shell: bash
+
+jobs:
+  tag-image:
+    runs-on: ubuntu-latest
+    env:
+      IMAGE_URL: europe-west1-docker.pkg.dev/angle-artifacts/angle-docker-registry/merkl-app
+    steps:
+      - uses: 'google-github-actions/auth@v0'
+        with:
+          credentials_json: '${{ secrets.GCLOUD_SECRET_ARTIFACTS }}'
+      - name: Login to Docker
+        run: gcloud auth configure-docker europe-west1-docker.pkg.dev
+      - name: Pull and tag image
+        run: |
+          export SHORT_SHA=${GITHUB_SHA:0:7}
+          export VERSION=${GITHUB_REF#refs/tags/}
+          docker pull $IMAGE_URL:$SHORT_SHA
+          docker tag $IMAGE_URL:$SHORT_SHA $IMAGE_URL:$VERSION
+          docker push $IMAGE_URL:$VERSION
+  trigger-production-deployment:
+    runs-on: ubuntu-latest
+    needs: tag-image
+    steps:
+      - name: Install dependencies
+        run: |
+          sudo snap install yq
+      - name: Clone deployments repo
+        uses: actions/checkout@v3
+        with:
+          repository: AngleProtocol/deployments
+          token: ${{ secrets.ACCESS_TOKEN }}
+          path: deployments
+      - name: Modify config.production.yaml and push to deployments
+        run: |
+          cd deployments
+
+          export VERSION=${GITHUB_REF#refs/tags/}
+          yq -i '.merkl-app.version = strenv(VERSION)' ./config.production.yaml
+
+          git config --global user.email "baptiste@angle.money"
+          git config --global user.name "BaptistG"
+
+          git add ./config.production.yaml
+          git commit -m "Update config.production.yaml with merkl-app version $VERSION"
+
+          git push
diff --git a/.github/workflows/update_staging.yml b/.github/workflows/update_staging.yml
new file mode 100644
index 00000000..910caf67
--- /dev/null
+++ b/.github/workflows/update_staging.yml
@@ -0,0 +1,65 @@
+name: Build image and trigger staging deployment
+
+on:
+  workflow_dispatch:
+  push:
+    branches:
+      - main
+
+defaults:
+  run:
+    shell: bash
+
+jobs:
+  build-image:
+    runs-on: ubuntu-latest
+    env:
+      IMAGE_URL: europe-west1-docker.pkg.dev/angle-artifacts/angle-docker-registry/merkl-app
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 18
+      - uses: 'google-github-actions/auth@v0'
+        with:
+          credentials_json: '${{ secrets.GCLOUD_SECRET_ARTIFACTS }}'
+      - name: Login to Docker
+        run: gcloud auth configure-docker europe-west1-docker.pkg.dev
+      - name: Build image
+        run: |
+          export SHORT_SHA=${GITHUB_SHA:0:7}
+          docker pull $IMAGE_URL:latest || true
+          docker build --build-arg SDK_READ_ACCESS_TOKEN=${{ secrets.SDK_READ_ACCESS_TOKEN }} --cache-from $IMAGE_URL:latest --tag $IMAGE_URL:$SHORT_SHA --tag $IMAGE_URL:latest .
+      - name: Push image
+        run: |
+          export SHORT_SHA=${GITHUB_SHA:0:7}
+          docker push $IMAGE_URL:$SHORT_SHA
+
+  trigger-staging-deployment:
+    runs-on: ubuntu-latest
+    needs: build-image
+    steps:
+      - name: Install dependencies
+        run: |
+          sudo snap install yq
+      - name: Clone deployments repo
+        uses: actions/checkout@v3
+        with:
+          repository: AngleProtocol/deployments
+          token: ${{ secrets.ACCESS_TOKEN }}
+          path: deployments
+      - name: Modify config.staging.yaml and push to deployments
+        run: |
+          cd deployments
+
+          export SHORT_SHA=${GITHUB_SHA:0:7}
+
+          yq -i '.merkl-app.version = strenv(SHORT_SHA)' ./config.staging.yaml
+
+          git config --global user.email "baptiste@angle.money"
+          git config --global user.name "BaptistG"
+
+          git add ./config.staging.yaml
+          git commit -m "Update config.staging.yaml with merkl-app version $SHORT_SHA"
+
+          git push
diff --git a/Dockerfile b/Dockerfile
index ad6dce88..e0468ec1 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -20,4 +20,6 @@ COPY tsconfig.json ./
 
 COPY ./ ./
 
-CMD ["bun", "dev"]
\ No newline at end of file
+EXPOSE 5173
+
+CMD ["bun", "dev"]
diff --git a/app/root.tsx b/app/root.tsx
index 5b5dbd95..c3e95d08 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -2,9 +2,8 @@ import type { LinksFunction } from "@remix-run/node";
 import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "@remix-run/react";
 import "./tailwind.css";
 import { DAppProvider } from "dappkit";
+import config from "../merkl.config";
 import styles from "./tailwind.css?url";
-import config from "../merkl.config"
-
 
 export const links: LinksFunction = () => [
   { rel: "preconnect", href: "https://fonts.googleapis.com" },
diff --git a/app/routes/_merkl.(home).tsx b/app/routes/_merkl.(home).tsx
index 03c2d4cb..726ff9b4 100644
--- a/app/routes/_merkl.(home).tsx
+++ b/app/routes/_merkl.(home).tsx
@@ -1,6 +1,6 @@
 import type { MetaFunction } from "@remix-run/node";
 import { Outlet } from "@remix-run/react";
-import { type Coloring, Container, createColoring } from "dappkit";
+import { Container } from "dappkit";
 import Heading from "src/components/composite/Heading";
 import { http, createConfig } from "wagmi";
 import { mainnet, sepolia } from "wagmi/chains";
diff --git a/app/routes/_merkl.action.$action.tsx b/app/routes/_merkl.action.$action.tsx
index 81dd6d84..00bccfb2 100644
--- a/app/routes/_merkl.action.$action.tsx
+++ b/app/routes/_merkl.action.$action.tsx
@@ -4,9 +4,7 @@ import { Container } from "dappkit";
 import Heading from "src/components/composite/Heading";
 import { type Action, actions, getAction } from "src/config/actions";
 
-export async function loader({
-  params: { action: _action },
-}: LoaderFunctionArgs) {
+export async function loader({ params: { action: _action } }: LoaderFunctionArgs) {
   const action = getAction(_action ?? "");
 
   if (!action) throw new Error("Unknown action");
diff --git a/app/routes/_merkl.chain.$id.tsx b/app/routes/_merkl.chain.$id.tsx
index 1510d0fe..8ec52cd4 100644
--- a/app/routes/_merkl.chain.$id.tsx
+++ b/app/routes/_merkl.chain.$id.tsx
@@ -45,15 +45,18 @@ export function ErrorBoundary() {
 
   const networks = useMemo(() => {
     const a = Object.keys(chains);
-    return Object.entries(chains).reduce((supported, [chainId, chain]) => {
-      supported[chainId] = (
-        <Group>
-          <Icon size="sm" chain={chainId} />
-          {chain.label}
-        </Group>
-      );
-      return supported;
-    }, {} as { [C in ChainId]?: ReactNode });
+    return Object.entries(chains).reduce(
+      (supported, [chainId, chain]) => {
+        supported[chainId] = (
+          <Group>
+            <Icon size="sm" chain={chainId} />
+            {chain.label}
+          </Group>
+        );
+        return supported;
+      },
+      {} as { [C in ChainId]?: ReactNode },
+    );
   }, []);
 
   return (
@@ -63,7 +66,7 @@ export function ErrorBoundary() {
         {/* <Text h={3}>We don't support this chain</Text> */}
         <div>
           <Select
-            state={[undefined, (c) => navigate(`/chain/${chains?.[c]?.label}`)]}
+            state={[undefined, c => navigate(`/chain/${chains?.[c]?.label}`)]}
             placeholder="Supported Chains"
             options={networks}
           />
diff --git a/app/routes/_merkl.opportunity.$chain.$type.$id.tsx b/app/routes/_merkl.opportunity.$chain.$type.$id.tsx
index 6a581647..725a7197 100644
--- a/app/routes/_merkl.opportunity.$chain.$type.$id.tsx
+++ b/app/routes/_merkl.opportunity.$chain.$type.$id.tsx
@@ -1,9 +1,5 @@
 import type { Opportunity } from "@angleprotocol/merkl-api";
-import {
-  type LoaderFunctionArgs,
-  type MetaFunction,
-  json,
-} from "@remix-run/node";
+import { type LoaderFunctionArgs, type MetaFunction, json } from "@remix-run/node";
 import { Meta, Outlet, useLoaderData, useParams } from "@remix-run/react";
 import { api } from "src/api";
 import Heading from "src/components/composite/Heading";
@@ -13,16 +9,12 @@ import Tag from "src/components/element/Tag";
 import { getChainId } from "src/config/chains";
 import useOpportunity from "src/hooks/resources/useOpportunity";
 
-export async function loader({
-  params: { id, type, chain },
-}: LoaderFunctionArgs) {
+export async function loader({ params: { id, type, chain } }: LoaderFunctionArgs) {
   const chainId = getChainId(chain ?? "");
 
   if (!chainId || !id || !type) throw "";
 
-  const { data: opportunity, ...res } = await api.v4
-    .opportunity({ chainId })({ type })({ id })
-    .get();
+  const { data: opportunity, ...res } = await api.v4.opportunity({ chainId })({ type })({ id }).get();
 
   if (!opportunity) throw "";
 
@@ -44,7 +36,7 @@ export default function Index() {
     <Container>
       <Meta />
       <Heading
-        icons={opportunity.tokens.map((t) => ({ src: t.icon }))}
+        icons={opportunity.tokens.map(t => ({ src: t.icon }))}
         navigation={{ label: "Back to opportunities", link: "/" }}
         title={opportunity.name}
         description={description}
@@ -53,15 +45,9 @@ export default function Index() {
           { label: "Leaderboard", link: `${link}/leaderboard` },
           { label: "Analytics", link: `${link}/analytics` },
         ]}
-        tags={tags.map((tag) => (
-          <Tag
-            key={`${tag.type}_${tag.value?.address ?? tag.value}`}
-            {...tag}
-            size="sm"
-            look="bold"
-          />
-        ))}
-      >
+        tags={tags.map(tag => (
+          <Tag key={`${tag.type}_${tag.value?.address ?? tag.value}`} {...tag} size="sm" look="bold" />
+        ))}>
         <Outlet />
       </Heading>
     </Container>
diff --git a/app/routes/_merkl.status.$status.tsx b/app/routes/_merkl.status.$status.tsx
index 8e2d3210..d479abc0 100644
--- a/app/routes/_merkl.status.$status.tsx
+++ b/app/routes/_merkl.status.$status.tsx
@@ -4,9 +4,7 @@ import { Container } from "dappkit";
 import Heading from "src/components/composite/Heading";
 import { type Status, getStatus, statuses } from "src/config/status";
 
-export async function loader({
-  params: { status: _status },
-}: LoaderFunctionArgs) {
+export async function loader({ params: { status: _status } }: LoaderFunctionArgs) {
   const status = getStatus(_status ?? "");
 
   if (!status) throw new Error("Unknown status");
diff --git a/app/routes/_merkl.token.$symbol.tsx b/app/routes/_merkl.token.$symbol.tsx
index ce9226a6..f07bd25b 100644
--- a/app/routes/_merkl.token.$symbol.tsx
+++ b/app/routes/_merkl.token.$symbol.tsx
@@ -37,8 +37,7 @@ export default function Index() {
         navigation={{ label: "Back to opportunities", link: "/" }}
         title={
           <>
-            {token.name}{" "}
-            <span className="font-mono text-main-8">({token.symbol})</span>
+            {token.name} <span className="font-mono text-main-8">({token.symbol})</span>
           </>
         }
         description={`Deposit or earn ${token.symbol} on ${config.appName}.`}
diff --git a/app/routes/_merkl.user.$address.(rewards).tsx b/app/routes/_merkl.user.$address.(rewards).tsx
index 247e3568..d033cf09 100644
--- a/app/routes/_merkl.user.$address.(rewards).tsx
+++ b/app/routes/_merkl.user.$address.(rewards).tsx
@@ -1,9 +1,8 @@
 import { useParams } from "@remix-run/react";
-import { Container } from "dappkit";
 import ClaimRewardsLibrary from "src/components/element/rewards/ClaimRewardsLibrary";
 
 export default function Index() {
   const { address } = useParams();
 
-  return <ClaimRewardsLibrary/>;
+  return <ClaimRewardsLibrary />;
 }
diff --git a/app/routes/_merkl.user.$address.tsx b/app/routes/_merkl.user.$address.tsx
index 8e899066..463fce6f 100644
--- a/app/routes/_merkl.user.$address.tsx
+++ b/app/routes/_merkl.user.$address.tsx
@@ -45,8 +45,7 @@ export default function Index() {
             ),
             link: `/user/${address}/claims`,
           },
-        ]}
-      >
+        ]}>
         <Outlet />
       </Heading>
     </Container>
diff --git a/bunfig.toml b/bunfig.toml
index d513c258..fce057ca 100644
--- a/bunfig.toml
+++ b/bunfig.toml
@@ -1,5 +1,5 @@
 [install.scopes]
 "@angleprotocol" = {
-    token = $GH_REGISTRY_ACCESS_TOKEN,
+    token = $SDK_READ_ACCESS_TOKEN,
     url = "https://npm.pkg.github.com/"
 }
\ No newline at end of file
diff --git a/docker-compose.yaml b/docker-compose.yaml
index 7e5facf2..09eb0325 100644
--- a/docker-compose.yaml
+++ b/docker-compose.yaml
@@ -11,8 +11,6 @@ services:
       - '3000:5173'
     env_file:
       - .env
-    environment:
-      PORT: '3000'
     volumes:
       - ./src:/app/src
-      - ./app:/app/app
\ No newline at end of file
+      - ./app:/app/app
diff --git a/package.json b/package.json
index 00f957b4..076fe095 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,7 @@
     "build": "remix vite:build",
     "dev": "remix vite:dev --host",
     "lint": "biome check --fix ./src ./app",
+    "lint:ci": "biome check --diagnostic-level error ./src",
     "start": "remix-serve ./build/server/index.js",
     "typecheck": "tsc"
   },
diff --git a/src/components/composite/Faq.tsx b/src/components/composite/Faq.tsx
index a6d68854..9241a6b6 100644
--- a/src/components/composite/Faq.tsx
+++ b/src/components/composite/Faq.tsx
@@ -1,8 +1,8 @@
-import type { FC } from "react";
 import { Container } from "dappkit";
 import Group from "dappkit/src/components/extenders/Group";
-import Title from "dappkit/src/components/primitives/Title";
 import Accordion from "dappkit/src/components/primitives/Accordion";
+import Title from "dappkit/src/components/primitives/Title";
+import type { FC } from "react";
 import { faqList } from "src/constants/faq";
 
 export type FAQ = {
@@ -11,14 +11,14 @@ export type FAQ = {
   key: string;
 };
 
-const FaqQuestions = faqList.map((faq) => faq.question);
+const FaqQuestions = faqList.map(faq => faq.question);
 
 export type FaqQuestion = (typeof FaqQuestions)[number];
 
 // Utility function to get specific FAQs by question
 export function getFaqsByQuestions(questions: FaqQuestion[]): FAQ[] {
   return questions.reduce<FAQ[]>((acc, question) => {
-    const faq = faqList.find((faq) => faq.question === question);
+    const faq = faqList.find(faq => faq.question === question);
     if (faq) {
       acc.push(faq);
     }
@@ -31,7 +31,7 @@ const Faq: FC<{
 }> = ({ faqs }) => {
   const faqData = getFaqsByQuestions(faqs);
 
-  const accordionItems = faqData.map((faq) => ({
+  const accordionItems = faqData.map(faq => ({
     trigger: faq.question,
     content: faq.answer,
     key: faq.key,
@@ -47,10 +47,7 @@ const Faq: FC<{
             </Title>
           </Group>
           <Group className="w-full lg:w-3/4">
-            <Accordion
-              items={accordionItems}
-              className="w-full flex flex-col"
-            />
+            <Accordion items={accordionItems} className="w-full flex flex-col" />
           </Group>
         </Group>
       </Container>
diff --git a/src/components/composite/layout/Container.tsx b/src/components/composite/layout/Container.tsx
index e2e6ad46..3b11a0d7 100644
--- a/src/components/composite/layout/Container.tsx
+++ b/src/components/composite/layout/Container.tsx
@@ -1,7 +1,5 @@
 import type { PropsWithChildren } from "react";
 
 export default function Container({ children }: PropsWithChildren) {
-  return (
-    <div className="px-lg mx-auto w-full max-w-[1280px] h-full">{children}</div>
-  );
+  return <div className="px-lg mx-auto w-full max-w-[1280px] h-full">{children}</div>;
 }
diff --git a/src/components/element/campaign/CampaignTableRow.tsx b/src/components/element/campaign/CampaignTableRow.tsx
index 04edb055..de1dd140 100644
--- a/src/components/element/campaign/CampaignTableRow.tsx
+++ b/src/components/element/campaign/CampaignTableRow.tsx
@@ -27,7 +27,11 @@ export default function CampaignTableRow({ campaign, startsOpen, className, ...p
           <Token token={campaign.rewardToken} amount={dailyRewards} />
         </Group>
       }
-      timeRemainingColumn={<Group className="py-xl"><Text>{time}</Text></Group>}
+      timeRemainingColumn={
+        <Group className="py-xl">
+          <Text>{time}</Text>
+        </Group>
+      }
       restrictionsColumn={[]}
       profileColumn={profile}
       arrowColumn={<Icon remix={!open ? "RiArrowDownSLine" : "RiArrowUpSLine"} />}>
diff --git a/src/components/element/rewards/ClaimRewardsLibrary.tsx b/src/components/element/rewards/ClaimRewardsLibrary.tsx
index 4d32cfae..4c75534d 100644
--- a/src/components/element/rewards/ClaimRewardsLibrary.tsx
+++ b/src/components/element/rewards/ClaimRewardsLibrary.tsx
@@ -1,4 +1,4 @@
-import { Box, List } from "dappkit";
+import { List } from "dappkit";
 import { ClaimRewardsChainRow, ClaimRewardsChainTable } from "./ClaimRewardsChainTable";
 import { ClaimRewardsTokenRow, ClaimRewardsTokenTable } from "./ClaimRewardsTokenTable";
 
diff --git a/src/components/element/rewards/ClaimRewardsTokenTable.tsx b/src/components/element/rewards/ClaimRewardsTokenTable.tsx
index 724c09a9..31ddaddc 100644
--- a/src/components/element/rewards/ClaimRewardsTokenTable.tsx
+++ b/src/components/element/rewards/ClaimRewardsTokenTable.tsx
@@ -31,7 +31,7 @@ export type Rewards = {
         symbol: string;
         amount: number;
         price: number;
-      }
-    }
-  }
-}
\ No newline at end of file
+      };
+    };
+  };
+};
diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index e75c53a3..0c105447 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -11,10 +11,7 @@ export default function Header() {
       </Group>
       <Group>
         <Button size="md" onClick={toggleMode}>
-          <Icon
-            size="sm"
-            remix={mode === "dark" ? "RiMoonClearFill" : "RiSunFill"}
-          />
+          <Icon size="sm" remix={mode === "dark" ? "RiMoonClearFill" : "RiSunFill"} />
         </Button>
         <SearchBar />
         <WalletButton look="hype">Connect</WalletButton>
diff --git a/src/config/type.ts b/src/config/type.ts
index 11503128..172111d3 100644
--- a/src/config/type.ts
+++ b/src/config/type.ts
@@ -1,6 +1,6 @@
 import type { Opportunity } from "@angleprotocol/merkl-api";
 import type { Themes } from "dappkit";
-import { http, createConfig as createWagmiConfig } from "wagmi";
+import { createConfig as createWagmiConfig } from "wagmi";
 
 export function getCampaignType(labelOrShort: string): Opportunity["type"] | undefined {
   //TODO
@@ -9,12 +9,12 @@ export function getCampaignType(labelOrShort: string): Opportunity["type"] | und
 export type MerklConfig<T extends Themes> = {
   themes: T;
   defaultTheme: keyof T;
-  wagmi: Parameters<typeof createWagmiConfig>["0"],
-  appName: string,
+  wagmi: Parameters<typeof createWagmiConfig>["0"];
+  appName: string;
 };
 
-export function createConfig<T extends Themes>({wagmi, ...config}: MerklConfig<T>) {
-  const wagmiConfig = createWagmiConfig(wagmi)
+export function createConfig<T extends Themes>({ wagmi, ...config }: MerklConfig<T>) {
+  const wagmiConfig = createWagmiConfig(wagmi);
 
   return { wagmi: wagmiConfig, ...config };
 }
diff --git a/src/hooks/filtering/useSearchParamState.tsx b/src/hooks/filtering/useSearchParamState.tsx
index de804943..e9c2589d 100644
--- a/src/hooks/filtering/useSearchParamState.tsx
+++ b/src/hooks/filtering/useSearchParamState.tsx
@@ -27,7 +27,7 @@ export default function useSearchParamState<T>(
   );
 
   const state = useMemo(() => {
-    const value = searchParams.get(key);
+    const value = location && searchParams.get(key);
 
     if (value === null) return;
     return transform(value);
diff --git a/src/hooks/resources/useCampaign.tsx b/src/hooks/resources/useCampaign.tsx
index bed148b5..42bdeb19 100644
--- a/src/hooks/resources/useCampaign.tsx
+++ b/src/hooks/resources/useCampaign.tsx
@@ -12,7 +12,7 @@ export default function useCampaign(campaign: Opportunity["campaigns"][number])
   }, [campaign?.amount, campaign?.rewardToken?.decimals]);
 
   const time = useMemo(() => {
-    return <Time timestamp={Number(campaign.endTimestamp) * 1000}/>;
+    return <Time timestamp={Number(campaign.endTimestamp) * 1000} />;
   }, [campaign.endTimestamp]);
 
   const profile = useMemo(() => {