Imported from abhi-vardhan/portfolio (AGENTS.md). Install upstream with npx skills add abhi-vardhan/portfolio. Copyright stays with the author.

AGENTS.md

Project Overview

Personal portfolio site. Next.js 12 (Pages Router) with JSX, deployed to Vercel.

Commands

• npm run dev — start dev server
• npm run build — production build
• npm run lint — ESLint (next/core-web-vitals)
• npm run test -- --watchAll=false — run tests once (default test script is watch mode)

Architecture

• Pages Router (pages/) — not App Router. Routes: index.jsx, articles/, case-studies/, projects/, tech-stack/, api/
• Content is JSON-driven — edit files in content/ to update site data (projects, articles, settings) without touching components
• Components (components/) — organized by role: layout/, sections/, blocks/, structure/, utils/
• Styles (styles/) — mix of SCSS and plain CSS. Global styles in styles/css/. Uses the-new-css-reset and CSS variables.
• Tests — Jest + jsdom + Testing Library. Test files in tests/unit/.

Key Conventions

• Files are .jsx, not TypeScript
• Animations use Framer Motion with LazyMotion (see pages/_app.jsx)
• Fonts loaded via @fontsource imports in _app.jsx (Inter, Fira Code)
• API routes in pages/api/ are serverless functions (e.g., GitHub icon proxy)
• Image domains are whitelisted in next.config.js — add new external image hosts there