Next.js Portfolio Website with Sanity CMS and Responsive DesignNext.js Portfolio Website with Sanity CMS and Responsive Design
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
A fast, easy-to-manage portfolio website, built the way I build business websites for clients.
The site runs on Next.js with Server Components, so pages arrive with their content already in place for visitors and search engines. All content, including projects, services, experience and contact details, is managed in Sanity CMS. Updates happen in a dashboard, not in code, so no developer is needed for each change.
What went into it:
Next.js, React 19 and TypeScript for the foundation.
Tailwind CSS v4 and shadcn/ui for a consistent, responsive design system.
Framer Motion and GSAP for scroll animations that guide attention.
AVIF and WebP images at multiple sizes for lighter pages.
A server-side contact form with validation and email delivery through Resend.
Finally it was deployment on Vercel.😍
Test results: performance grade 83, 923.6 KB total page size, 2.16 s load time, 25 requests.
If you need a business website, e-commerce store or landing page with a CMS you can manage yourself, this is the kind of build you can expect.
Post image
Rafee 's avatar
Showing the stack next to the live site makes this read like a real case study.
Back to feed
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