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
Getting this error in Next.js? You’re not alone.
Hydration failed because the initial UI does not match what was rendered on the server.
This usually happens when your server-rendered HTML doesn't match what React renders in the browser.
Common causes:
• Using window or localStorage during server rendering
• Rendering different content based on browser-only values
• Incorrect date/time rendering
• Invalid HTML nesting
My first fix:
Move browser-only logic into useEffect, or make the component client-side when necessary.
💡 Tip: Don't just hide the error. Find out why the server and client are rendering different UI.
Have you encountered this error before? 👇
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
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?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
The Future in Black was built for Joy Fennell to hold a story that needed more than a standard portfolio site. Our goal from the start was to make the site feel archival and alive at once, part digital exhibit, part living brand presence, so every design decision was made to support that feeling rather than just present information.
We started with structure: how should a visitor move through this content, and what pace should that movement have? That question shaped our use of Finish Layer's block animations. Text reveals on scroll, so the story unfolds in beats instead of arriving all at once, closer to reading a book than scrolling a website. Images use hover interactions to invite a second look without pulling focus from the words around them.
From there we layered in movement. Shapes transform and shift position as the visitor scrolls, adding depth and a sense of motion that a static layout couldn't carry. This was the piece that took the most iteration, getting the timing and scale of these transforms to feel intentional rather than gimmicky meant testing several versions before landing on the current pacing.
Typography carried a lot of the brand's identity, so we uploaded Million and Inter Tight rather than relying on Squarespace's native font library. Million gives the site its editorial voice in headlines, and Inter Tight keeps body copy clean and legible against it.
The result is a site built on Squarespace's foundation, using Finish Layer's native tools alongside custom CSS and JS, pushed toward something that reads as custom, editorial, and specific to one person's story rather than a repeatable formula.
FigmasquarespacedesignsquarespacewebsitesSquarespace Website DesignWebsite CSSSquarespacesquarespacechallenge
Hey @Golden Launch this is awesome but it looks like the link you included in the comments isn't working. make sure the link is active in order for your submission to be judged 😃
Currently designing and building a custom web app for a friend that works as an alternative to platforms like PhotoShelter and SmugMug.
It’s becoming easier for people to replace expensive monthly tools with products built specifically around their own workflow, features, and business needs.
Need something custom built for the way you work? Let’s talk.
A photographer-specific alternative to PhotoShelter makes a lot of sense, those platforms feel bloated if you only need galleries and client proofing. Are you building the storage/CDN piece yourself or wiring up something like S3 behind it?
From War to Rebuild: How I Revived My Georgian Cosmetics Brand with Envato
Before the war, I had a real business — Enjoy Eco, a natural cosmetics brand made with Georgian ingredients: grape seed oil, honey, mountain herbs, and wine. We had a website, products, and customers. Then 2022 changed everything.
In 2024, I made it to America. And I decided it was time to bring Enjoy Eco back to life.
The old WordPress site was broken and outdated. So I started from scratch — using Envato Elements for templates and design inspiration, and AI tools to generate product banners, video reviews, blog thumbnails, and even a new logo.
Every creative decision was mine. AI was the tool. I was the human behind it.
In this video you'll see the full process: choosing the template, building product pages with 270+ SKUs, creating 15 AI-generated video reviews, designing banners for each product line, and building a bilingual site in Ukrainian and English.
The result is a live store at enjoy-eco.com — a real brand, rebuilt by a real person, with real products, using Envato.
This is what "Human by Design" means to me.
#EnvatoChallenge
