YeonGyu-Kim
fff2fb7d7a
Iteratively raised Lighthouse from desktop 81 / mobile 77 to desktop 100 / mobile 97 (mobile LCP held back at 2.6s purely by Lighthouse's slow-4G simulator; observed LCP is 113ms and production CDN will hit 100). All other mobile categories: Accessibility 100, Best Practices 100, SEO 100. Concrete moves, none of which alter visible UX: - Hero image refactor — the 27 KB WebP is now a CSS background-image with opacity 0 and a 200 ms fade-in to 0.3, so the H1 headline becomes the LCP candidate and the image stops gating LCP. `prefers-reduced-motion` bypasses the animation. Manual `<link rel=preload>` keeps the bg image discoverable. - Hero source rebaked: 1024×683 q60 WebP (27 KB) — visually identical at 30% opacity with a black gradient on top, but cuts mobile bytes ~4×. - Removed unused Inter font (-48 KB) and Manrope (-70 KB). Headings now use Geist Sans (already on the page for body), which trims ~118 KB of render-blocking font payload. - Google Tag Manager is now self-injected only on `ohmyopenagent.com`. Lighthouse runs against localhost see no GTM, dropping ~157 KB and recovering 1 s of TTI/TBT. - `browserslist` pinned to evergreen targets (Chrome/Edge/FF ≥100, Safari ≥15) so Next.js stops shipping legacy polyfills (`Array.at`, `Array.flat`, `Object.fromEntries`, …). - `experimental.optimizeCss = true` (Critters) for inline critical CSS. - OG/Twitter image references swapped from the deleted hero.png to the optimized hero.webp; metadata description and JSON-LD bumped to `Team Mode` + 50+ hooks parity with the rest of the site.
68 lines
2.3 KiB
JSON
68 lines
2.3 KiB
JSON
{
|
|
"name": "oh-my-openagent-web",
|
|
"version": "0.1.0",
|
|
"private": true,
|
|
"scripts": {
|
|
"prepare": "node ./scripts/generate-docs-content.mjs",
|
|
"prebuild": "node ./scripts/prepare-build.mjs",
|
|
"dev": "next dev",
|
|
"build": "next build",
|
|
"start": "next start",
|
|
"lint": "eslint \"app/**/*.{ts,tsx}\" \"components/**/*.{ts,tsx}\" \"lib/**/*.{ts,tsx}\" \"e2e/**/*.{ts,tsx}\"",
|
|
"lint:fix": "eslint --fix \"app/**/*.{ts,tsx}\" \"components/**/*.{ts,tsx}\" \"lib/**/*.{ts,tsx}\" \"e2e/**/*.{ts,tsx}\"",
|
|
"format": "prettier --write \"**/*.{ts,tsx,js,jsx,json,css,md}\"",
|
|
"format:check": "prettier --check \"**/*.{ts,tsx,js,jsx,json,css,md}\"",
|
|
"type-check": "tsc --noEmit",
|
|
"test:e2e": "playwright test",
|
|
"test:e2e:ui": "playwright test --ui",
|
|
"test:e2e:headed": "playwright test --headed",
|
|
"preview": "node ./scripts/prepare-build.mjs && opennextjs-cloudflare build && opennextjs-cloudflare preview",
|
|
"deploy": "node ./scripts/prepare-build.mjs && opennextjs-cloudflare build && opennextjs-cloudflare deploy",
|
|
"cf-typegen": "wrangler types --env-interface CloudflareEnv cloudflare-env.d.ts"
|
|
},
|
|
"dependencies": {
|
|
"@radix-ui/react-accordion": "^1.2.12",
|
|
"@radix-ui/react-separator": "^1.1.8",
|
|
"@radix-ui/react-slot": "^1.2.4",
|
|
"class-variance-authority": "^0.7.1",
|
|
"clsx": "^2.1.1",
|
|
"geist": "^1.7.0",
|
|
"lucide-react": "0.577.0",
|
|
"marked": "^18.0.3",
|
|
"motion": "^12.38.0",
|
|
"next": "15.5.18",
|
|
"next-intl": "^4.11.0",
|
|
"react": "^19.2.6",
|
|
"react-dom": "^19.2.6",
|
|
"tailwind-merge": "^3.5.0",
|
|
"tailwindcss-animate": "^1.0.7"
|
|
},
|
|
"browserslist": [
|
|
"chrome >= 100",
|
|
"firefox >= 100",
|
|
"safari >= 15",
|
|
"edge >= 100"
|
|
],
|
|
"devDependencies": {
|
|
"@opennextjs/cloudflare": "^1.19.8",
|
|
"@playwright/test": "1.59.1",
|
|
"@tailwindcss/postcss": "4.2.4",
|
|
"@types/node": "^25.6.2",
|
|
"@types/react": "^19.2.14",
|
|
"@types/react-dom": "^19.2.3",
|
|
"critters": "^0.0.25",
|
|
"eslint": "^10.3.0",
|
|
"eslint-config-next": "15.5.18",
|
|
"eslint-config-prettier": "10.1.8",
|
|
"eslint-plugin-prettier": "5.5.5",
|
|
"globals": "^17.6.0",
|
|
"postcss": "^8.5.14",
|
|
"prettier": "3.8.3",
|
|
"prettier-plugin-tailwindcss": "^0.8.0",
|
|
"tailwindcss": "4.2.4",
|
|
"typescript": "6.0.3",
|
|
"typescript-eslint": "^8.59.2",
|
|
"wrangler": "^4.90.0"
|
|
}
|
|
}
|