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
Back to feedPost
Authentication System with Clerk
Description:
Implemented a secure and scalable authentication system using Clerk, including user login, signup, and protected routes for modern web applications.
Key Features:
Email/password and OAuth login (Google, etc.)
Protected routes using middleware
Session management with JWT tokens
User profile and state handling
Tech Stack:
Next.js, Clerk, React
Impact:
Enhanced application security and simplified authentication flow without building a custom auth system.
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
Related posts
I'm a developer and I kept running into the same frustrating problem when delivering work to clients: I'd redesign a website, rework a layout, or overhaul a visual identity - and I had no good way to actually show what changed.
I wanted something where I could upload a full-height before screenshot and a full-height after screenshot - the kind that are 4000-6000px tall - and let the client scroll through both, see exactly what moved, what was added, what was removed. Everything I found either cropped the image, didn't support full-page screenshots, or gave you a basic slider with zero context.
So I built my own using Next.js, Firebase, Clerk and Stripe.
Splice View allows you to:
Upload full-height before & after screenshots (the entire page or design, not just what's visible on screen)
Add numbered annotation boxes directly on the image to call out specific changes
Share a single link with your client - no login required on their end
They scroll through the full comparison and see exactly what changed and where
It works for anything visual - website redesigns, landing page updates, UI mockups, graphic design revisions, app screens. If you deliver visual work to clients, this is for you.
Right now it's desktop-optimized and focused on photo comparisons with annotations. We're still in the beta so you might find bugs. Video recording mode is in the works.
The deal:
You can use the app without restrictions. All I ask in return is honest feedback - what's confusing, what's missing, what would actually make this part of your workflow.
Thank you for the attention!
Looks like a cool project
Day 5 of my Personal Daily Creative Challenge
This one was a bit of a shift from design into building.
I explored using Claude Code to turn the Demetra concept into a faux 3D interactive asset.
Still early, but it’s been interesting using AI as a creative collaborator rather than just a tool, especially for translating ideas into something interactive much faster.
Impressive work
Social Media Platform · UX Design & Web Development
Designed and developed a high-converting landing page for a next-generation social media platform.
The goal: help founders and growth teams turn website visitors into users, faster.
Strong UX design reduces bounce rate, builds credibility, and directly impacts your bottom line. This project was a full end-to-end execution from wireframes to live deployment.
Looking to build a landing page that actually converts? Let's talk.
Check out the live site: suuvo.com
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?