yevhentech.com — a place to put the work
New portfolio built with Next.js, Tailwind and Framer Motion, with a glass design language borrowed from the apps themselves.
It was time to stop pointing people at a separate marketing site and put everything in one place.
Stack
Next.js App Router, TypeScript, Tailwind and Framer Motion, deployed on Vercel. The whole thing is statically generated — project pages and update posts are pre-rendered at build time, so there's no runtime data fetching at all.
Why glass
The design language is deliberately the same one the apps use: frosted panes, hairline gradient borders, soft ambient light. On the web that means backdrop-filter, a masked gradient border so the corners stay crisp at any radius, and a specular sweep that animates slowly enough not to be annoying.
The tilting hero card tracks the pointer in 3D with a spring, which is the closest a browser gets to the way an iOS card responds to a drag.
Adding a post
Every entry here is one MDX file in content/updates/. Frontmatter carries the title, date, project slug and version; the filename becomes the URL. No CMS, no database, no admin panel — git push is the publish button.
- #meta
- #nextjs
- #design