mcp-portfolio

[](https://nextjs.org/) [](https://react.dev/) [](https://www.typescriptlang.org/) [](https://tailwindcss.com/)

Production-oriented portfolio site for a cloud engineer, implemented from the Figma Make design using the Next.js App Router, TypeScript, and Tailwind CSS v4. It includes a single-page marketing layout (hero, about, skills, projects, contact), a dedicated About route, and project case-study pages with static generation for performance and SEO.

• Framework: Next.js 16 (App Router, React Compiler enabled)
• UI: Tailwind CSS 4, Motion (animations), Radix Slot (button composition)
• Icons: Lucide React (UI icons) plus inline SVG brand marks where Lucide no longer ships them
• Tooling: TypeScript, ESLint (eslint-config-next)

• Node.js 20+ recommended (aligned with @types/node in the project)
• npm (or compatible package manager)

git clone <your-repo-url>
cd mcp
npm install

Optional — set the public site URL for accurate metadata (Open Graph, canonical URLs):

# .env.local
NEXT_PUBLIC_SITE_URL=https://your-domain.com

If omitted, metadata falls back to http://localhost:3000.

npm run dev

Open http://localhost:3000. The root path / redirects to /home.

npm run build
npm start

• Lint: `np