feat: 🎨 Migrate from Bootstrap + PandaCSS to Pure PandaCSS (#27)

Author: samhwang

biome.json

@@ -1,7 +1,7 @@
 {
   "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
   "files": {
-    "ignore": ["src/route-tree.gen.ts", "src/**/__snapshots__", "node_modules", "dist", "coverage", "styled-system"],
+    "includes": ["**", "!**/src/route-tree.gen.ts", "!**/src/**/__snapshots__", "!**/node_modules", "!**/dist", "!**/coverage", "!**/styled-system"],
     "ignoreUnknown": true
   },
   "linter": {
@@ -18,9 +18,7 @@
     "lineWidth": 160,
     "useEditorconfig": true
   },
-  "organizeImports": {
-    "enabled": true
-  },
+  "assist": { "actions": { "source": { "organizeImports": "on" } } },
   "javascript": {
     "formatter": {
       "trailingCommas": "es5",

metadata/metadata.ts

@@ -16,7 +16,7 @@ const ICONS = {
   CLOUDFLARE_WORKER: 'cloudflareworkers-plain',
   CODEIGNITER: 'codeigniter-plain',
   COMPOSER: 'composer-plain',
-  CONFLUENCE: 'confluence-original',
+  CONFLUENCE: 'confluence-plain',
   CSS3: 'css3-plain',
   CUCUMBER: 'cucumber-plain',
   D3JS: 'd3js-plain',
@@ -25,7 +25,7 @@ const ICONS = {
   DOCKER: 'docker-plain',
   DRUPAL: 'drupal-plain',
   DYNAMODB: 'dynamodb-plain',
-  ESLINT: 'eslint-original',
+  ESLINT: 'eslint-plain',
   EXPRESS: 'express-original',
   FASTIFY: 'fastify-plain',
   GATSBY: 'gatsby-plain',

metadata/use-metadata.ts

@@ -1,5 +1,5 @@
-import metadata from './metadata';
 import type { Job, SiteMetadata as Metadata, PersonalInformation, Project, School, Skill, SocialLink } from './metadata';
+import metadata from './metadata';
 
 export type SiteMetadata = {
   title: Metadata['title'];

package.json

@@ -10,7 +10,7 @@
     "node": "^20.0.0",
     "pnpm": "^10.0.0"
   },
-  "packageManager": "pnpm@10.6.5",
+  "packageManager": "pnpm@10.13.1",
   "scripts": {
     "prepare": "pnpm run git-hooks:init && pnpm run panda:codegen",
     "git-hooks:init": "husky",
@@ -28,47 +28,51 @@
     "ci": "biome ci ."
   },
   "dependencies": {
-    "@fontsource/mulish": "^5.2.5",
-    "@fontsource/roboto": "^5.2.5",
-    "@fontsource/saira-extra-condensed": "^5.2.5",
-    "@popperjs/core": "^2.11.8",
-    "@react-hookz/web": "^25.1.0",
-    "@tanstack/react-router": "^1.114.27",
-    "@tanstack/router-devtools": "^1.114.27",
-    "bootstrap": "^5.3.3",
+    "@fontsource/mulish": "^5.2.6",
+    "@fontsource/roboto": "^5.2.6",
+    "@fontsource/saira-extra-condensed": "^5.2.6",
+    "@react-hookz/web": "^25.1.1",
+    "@tanstack/react-router": "^1.127.2",
+    "@tanstack/react-router-devtools": "^1.127.2",
+    "@tanstack/router-devtools": "^1.127.2",
     "devicon": "^2.16.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "react-helmet": "^6.1.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "^1.9.4",
-    "@pandacss/dev": "^0.53.3",
-    "@tanstack/router-cli": "^1.114.27",
-    "@tanstack/router-vite-plugin": "^1.114.27",
+    "@biomejs/biome": "^2.1.1",
+    "@pandacss/dev": "^0.54.0",
+    "@tanstack/router-cli": "^1.127.2",
+    "@tanstack/router-vite-plugin": "^1.127.2",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.2.0",
+    "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^22.13.13",
-    "@types/react": "^19.0.12",
-    "@types/react-dom": "^19.0.4",
+    "@types/node": "^22.16.3",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
     "@types/react-helmet": "^6.1.11",
-    "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/coverage-v8": "^3.0.9",
-    "@vitest/ui": "^3.0.9",
+    "@vitejs/plugin-react": "^4.6.0",
+    "@vitest/coverage-v8": "^3.2.4",
+    "@vitest/ui": "^3.2.4",
     "husky": "^9.1.7",
-    "jsdom": "^26.0.0",
+    "jsdom": "^26.1.0",
     "lint-prepush": "^3.0.2",
-    "lint-staged": "^15.5.0",
-    "tsx": "^4.19.3",
-    "typescript": "^5.8.2",
-    "vite": "^6.2.7",
-    "vite-plugin-pwa": "^0.21.2",
-    "vitest": "^3.0.9",
-    "wrangler": "^4.4.0"
+    "lint-staged": "^16.1.2",
+    "tsx": "^4.20.3",
+    "typescript": "^5.8.3",
+    "vite": "^7.0.4",
+    "vite-plugin-pwa": "^1.0.1",
+    "vitest": "^3.2.4",
+    "wrangler": "^4.24.3"
   },
   "pnpm": {
-    "onlyBuiltDependencies": ["@biomejs/biome", "esbuild", "sharp", "workerd"]
+    "onlyBuiltDependencies": [
+      "@biomejs/biome",
+      "esbuild",
+      "sharp",
+      "workerd"
+    ]
   }
 }

panda.config.ts

@@ -37,9 +37,12 @@ const globalCss = defineGlobalStyles({
   },
   ul: {
     listStyleType: 'disc',
+    paddingLeft: '2rem',
+    marginBottom: '1rem',
   },
   li: {
     display: 'list-item',
+    marginBottom: '0.5rem',
   },
 });