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.
Two apps in, it was time to stop pointing people at separate marketing sites 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