A bilingual personal engineering portfolio built with Next.js, TypeScript and Tailwind CSS. The site presents Jarvis Men / 门嘉伟's verified robotics-control experience, selected projects, technology stack, published patents and contact details.
- English / 中文 language switch
- Humanoid whole-body control, VLA execution, mobile manipulation and industrial bag-picking projects
- Robotics control stack and engineering focus
- Three published patent records
- Education and professional history
- Verified engineering metrics from existing career materials
- LinkedIn and work email
The site intentionally excludes speculative work, empty sections and future-content placeholders. It also excludes phone number, date of birth, certificate number, salary information and political affiliation from the source materials.
Requirements: Node.js 20.9 or newer and pnpm.
pnpm install
pnpm devOpen http://localhost:3000.
Production checks:
pnpm typecheck
pnpm build
pnpm startapp/page.tsx: bilingual profile copy, projects, patents, work history and contact informationapp/globals.css: visual design and responsive layoutsapp/layout.tsx: page title, description and social metadatapublic/jiawei-men.jpg: privacy-sanitized portraitpublic/og.png: social sharing image
Copy .env.example to .env.local and set the final public URL:
cp .env.example .env.localNEXT_PUBLIC_SITE_URL is used to generate absolute Open Graph image metadata.
- Push this folder to a Git repository.
- Import the repository in Vercel.
- Keep the detected framework as Next.js.
- Add
NEXT_PUBLIC_SITE_URLwith the final production URL. - Deploy.
Vercel will use the project's pnpm build script automatically.