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
Shipped an MVP for a fine jewelry brand — headless storefront built with Next.js on top of WooCommerce, product data via GraphQL. Skipped the full checkout for now and routed conversion straight to WhatsApp to start closing sales fast. Woo order sync is next.
Stack: Next.js + WordPress/WooCommerce + WPGraphQL. CTA visuals generated with Midjourney.
Would love thoughts from anyone who's done headless Woo integrations 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 it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
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
Nice work! - I like the combination of MCP to canvas to code
Built an entire fintech UI in one session - 16 screens, zero Figma files.
Connected @flowstep_ai MCP to Claude Code > generated every screen directly on the canvas via prompts. No manual pixel-pushing.
Used design skills (hallmark, impeccable, prompt-master) to refine each...
Your API works… but your app still feels slow? 🚨
Sometimes the problem isn't your frontend. It could be the way your backend handles requests.
A few things I always check:
⚡ Slow database queries
🔄 Too many unnecessary API calls
📦 Large API responses
🗄️ Missing database indexes
🔐 Authentication running on every request
Small backend improvements can make a big difference to the user experience.
What’s one performance issue you've struggled with in your project? 👇
cool!!!
Built an entire fintech UI in one session - 16 screens, zero Figma files.
Connected @flowstep_ai MCP to Claude Code > generated every screen directly on the canvas via prompts. No manual pixel-pushing.
Used design skills (hallmark, impeccable, prompt-master) to refine each iteration - brutalist system, pixel-perfect spacing, consistent tokens across all routes.
Then replicated the full canvas into a @nextjs 16 app in minutes. MCP > React components, 1:1 match. Deployed to @vercel the same day.
Design tool + AI agent + framework = ship at a pace that wasn't possible before.
The workflow:
1 Prompt Flowstep canvas
2 Polish design skills
3 Replicate > Next.js code
4 Deploy Vercel
11 brutalist screens, 9 routes, 1 afternoon.
THE OG TOOL - @Flowstep X @Contra HQ
Project Link : CASHLESS
#buildinpublic #AIworkflow #FlowstepMCP #ClaudeCode #NextJS #Vercel #brutalistdesign #nocode
This is soo good, weldone Asef!