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
Tanstack Start - Meta data, Data loading and Loading skeleton.
I use Tanstack Start for my front end when developing full stack apps. I enjoy the development experience that it provides.
Head: Lets you define document-level metadata per route — things like the page title and meta description. It runs per-route so each page can have its own SEO-relevant info without a global workaround.
Loader: This is where you fetch the data your route needs before (or during) render. It runs on the server or client depending on your SSR setting, and the data it returns is available directly in your component via useLoaderData. Parallel fetches with Promise.all are a common pattern here.
PendingComponent: This is what renders while the loader is still resolving. It's ideal for skeletons or placeholder UI, and the pendingMs/pendingMinMs options give you control over timing — useful for avoiding a flash of the skeleton on fast connections while still showing it on slow ones.
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
How do you design a pet-sitting platform that feels like a luxury vacation?
For Paws & Palms, the design focus was on creating a premium, living interface that goes beyond basic utility.
Key Design Pillars:
Premium Branding: Reimagining pet-sitting as "The Vacation Service" to shift the user focus toward high-end care.
Interactive UI: High-density, real-time booking flows that adapt to complex multi-pet families.
Living Interface: Physics-based micro-animations and transitions that make the site feel responsive and alive.
Mobile-First: Optimized touch targets and a thumb-friendly navigation bar for effortless mobile use.
Built with React, Vite, and Framer Motion to ensure the performance is as smooth as the design.
Design should feel as premium as the service itself.
Good work
These recent projects have really helped me upgrade my development and UI skills.
The challenges both logical and interface related have guided me to next level of development leveraging AI and vibe coding.
Looking forward for more fun and challenging projects
looks great👌
Digital Twin Career Odyssey
Built & hosted 100% on my personal Zo Computer (danmugh.zo.space)
A fully immersive 3D galaxy where each planet is a chapter from my 6+ years as a Senior Frontend Engineer. Fly through my career, click planets for interactive case studies, all running live on Zo’s always-on cloud computer.
This is the wildest personal site I could build in the time, next level frontend + real Zo integration.
I love the solar theme you did, I wanted to do something similar initially I had a bit of a struggle and a few re-dos until I finally found the one I wanted you did great!
Trending
Runway
AI video generation is exploding. What are you dreaming up in Runway?
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?