stakekit · petar-omni · Jun 4, 2026 · Jun 4, 2026
diff --git a/.env.example b/.env.example
@@ -1,2 +1,2 @@
-NEXT_PUBLIC_API_KEY=
-NEXT_PUBLIC_MIX_PANEL_TOKEN=
+VITE_API_KEY=
+VITE_MIX_PANEL_TOKEN=
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -0,0 +1,36 @@
+name: "CI"
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+on:
+  pull_request:
+    types:
+      - opened
+      - reopened
+      - synchronize
+
+jobs:
+  clean-code-stage:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+
+    steps:
+      # actions/checkout@v6.0.2
+      - uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd
+
+      - name: Install mise
+        run: |
+          curl https://mise.run | MISE_VERSION=v2026.5.6 sh
+          echo "$HOME/.local/bin" >> "$GITHUB_PATH"
+          echo "$HOME/.local/share/mise/shims" >> "$GITHUB_PATH"
+          export PATH="$HOME/.local/bin:$HOME/.local/share/mise/shims:$PATH"
+          mise install
+
+      - run: pnpm install --frozen-lockfile
+
+      - run: pnpm build
+
+      - run: pnpm lint
diff --git a/.gitignore b/.gitignore
@@ -6,8 +6,8 @@
 # testing
 /coverage
 
-# next.js
-/.next/
+# vite
+/dist/
 /out/
 
 # production
@@ -30,7 +30,6 @@ yarn-error.log*
 
 # typescript
 *.tsbuildinfo
-next-env.d.ts
 
 .env
 

diff --git a/README.md b/README.md
@@ -1,57 +1,70 @@
-**This** is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+# Standalone dApp
+
+This is a Vite + React standalone dApp for the StakeKit widget.
 
 ## Getting Started
 
 ### Installation
 
-Use correct node version
+Use the project toolchain:
 
 ```bash
-nvm use
+mise install
 ```
 
-Install dependencies
+Install dependencies:
 
 ```bash
-npm install
-# or
-yarn install
-# or
 pnpm install
 ```
 
-### Run development app
+Create a local environment file:
+
+```bash
+cp .env.example .env
+```
+
+Set the required public Vite environment variables:
+
+```bash
+VITE_API_KEY=
+VITE_MIX_PANEL_TOKEN=
+```
+
+### Run Development App
 
 ```bash
-npm run dev
-# or
-yarn dev
-# or
 pnpm dev
 ```
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+Open [http://localhost:3002](http://localhost:3002) in your browser.
 
-### Run production app
+### Run Production App
 
-Create production build
+Create a production build:
 
 ```bash
-npm run build
-# or
-yarn build
-# or
 pnpm build
 ```
 
-Start the app
+Preview the production build:
 
 ```bash
-npm run start
-# or
-yarn start
-# or
 pnpm start
 ```
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+Open [http://localhost:3002](http://localhost:3002) in your browser.
+
+### Code Quality
+
+Run linting and type checks:
+
+```bash
+pnpm lint
+```
+
+Format files:
+
+```bash
+pnpm format
+```
diff --git a/amplify.yml b/amplify.yml
@@ -0,0 +1,21 @@
+version: 1
+frontend:
+  phases:
+    preBuild:
+      commands:
+        - curl https://mise.run | MISE_VERSION=v2026.5.6 sh
+        - export PATH="$HOME/.local/bin:$PATH"
+        - export PATH="$HOME/.local/share/mise/shims:$PATH"
+        - mise install
+        - pnpm install --frozen-lockfile
+        - echo "VITE_API_KEY=$VITE_API_KEY" >> .env
+        - echo "VITE_MIX_PANEL_TOKEN=$VITE_MIX_PANEL_TOKEN" >> .env
+
+    build:
+      commands:
+        - pnpm build
+
+  artifacts:
+    baseDirectory: dist
+    files:
+      - "**/*"
diff --git a/biome.json b/biome.json
@@ -7,7 +7,7 @@
   },
   "files": {
     "ignoreUnknown": false,
-    "includes": ["**", "!**/node_modules", "!**/.next", "!**/public"]
+    "includes": ["**", "!**/node_modules", "!**/dist", "!**/out", "!**/public"]
   },
   "formatter": {
     "enabled": true,

diff --git a/index.html b/index.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Yield.xyz" />
+    <link rel="icon" href="/icon.png" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap"
+      rel="stylesheet"
+    />
+    <style>
+      :root {
+        --sk-font-roboto: "Roboto Flex";
+        --sk-font-garamond: "EB Garamond";
+      }
+    </style>
+    <title>Yield.xyz</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/mise.lock b/mise.lock
diff --git a/mise.toml b/mise.toml
@@ -0,0 +1,3 @@
+[tools]
+node = "24.16.0"
+"npm:pnpm" = "10.33.2"
diff --git a/next.config.js b/next.config.js
diff --git a/package.json b/package.json
@@ -4,42 +4,34 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "next dev --port 3002 --webpack",
-    "build": "next build --webpack",
-    "start": "next start --webpack",
+    "dev": "vite --port 3002",
+    "build": "tsc --noEmit && vite build",
+    "start": "vite preview --port 3002",
     "lint": "biome check . && tsc --noEmit",
     "format": "biome check --write ."
   },
   "dependencies": {
     "@stakekit/fluid-animation": "^0.0.1",
-    "@stakekit/widget": "^0.0.268",
-    "@types/node": "25.0.9",
-    "@types/react": "19.2.8",
+    "@stakekit/widget": "^0.0.272",
+    "@types/node": "25.9.1",
+    "@types/react": "19.2.15",
     "@types/react-dom": "19.2.3",
-    "@vanilla-extract/css": "^1.18.0",
+    "@vanilla-extract/css": "^1.20.1",
     "@vanilla-extract/dynamic": "^2.1.5",
-    "@vanilla-extract/next-plugin": "^2.4.17",
     "@vanilla-extract/recipes": "^0.5.7",
     "@vanilla-extract/sprinkles": "^1.6.5",
     "clsx": "^2.1.1",
     "lodash.merge": "^4.6.2",
-    "mixpanel-browser": "^2.73.0",
-    "next": "16.1.3",
-    "react": "19.2.3",
-    "react-dom": "19.2.3",
-    "typescript": "5.9.3"
+    "mixpanel-browser": "^2.80.0",
+    "react": "19.2.6",
+    "react-dom": "19.2.6",
+    "typescript": "6.0.3"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.3.11",
+    "@biomejs/biome": "2.4.16",
     "@types/lodash.merge": "^4.6.9",
-    "@types/mixpanel-browser": "^2.66.0"
-  },
-  "pnpm": {
-    "onlyBuiltDependencies": [
-      "@biomejs/biome",
-      "esbuild",
-      "sharp"
-    ]
-  },
-  "packageManager": "pnpm@10.24.0"
+    "@vanilla-extract/vite-plugin": "^5.2.2",
+    "@vitejs/plugin-react": "^6.0.2",
+    "vite": "^8.0.14"
+  }
 }