My own site, built to be edited in one place. Every section reads from a single data folder, so a...My own site, built to be edited in one place. Every section reads from a single data folder, so a...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
My own site, built to be edited in one place. Every section reads from a single data folder, so adding a project or a skill means editing one file, not the UI.
It ships with the SEO work done: sitemap, robots, schema.org structured data, social preview images generated at build time, and a plain-text summary for AI assistants. Verified in Google Search Console and Bing.
Stack: Next.js, TypeScript, Tailwind CSS, Framer Motion, deployed on Render.
The single data folder makes the site easy to update without opening the components. I'd add a build check that stops the deploy when a project is missing its title or social image.
haha yeah, I already follow this approach 😄 it’s actually already implemented in this project with a proper GitHub CI workflow, so if something is wrong or missing, it won’t get pushed or deployed.
my working style is a bit different though, you can see it from my GitHub. I...
The two directions make the comparison easy to understand, and the editorial option feels especially aligned with a chess club’s sense of heritage and focus.
A cinematic slider for Framer with a custom cursor click left or right, the cursor flips direction, the slide sweeps in through staggered blades with Ken Burns zoom.
Navigation you can actually see, not a hidden click zone.