You bring the front
Build your front end with the AI tool you already use
We bring the back. Pick your tool below and get the exact prompt to point it at the Orgalized backend β no wiring, no API keys in your front-end code.
Design-first
Lovable
Describe the site you want and watch it design itself β then apply it to the template.
Get the prompt βDesign-first
v0 by Vercel
Generate polished React + Tailwind components, then drop them into the template.
Get the prompt βDesign-first
Bolt.new
Spin up a full front end in the browser, then merge its look into the template.
Get the prompt βCode-first
Claude / Claude Code
Point Claude at your forked template and tell it to reskin the whole thing.
Get the prompt βCode-first
Cursor
Open the template in Cursor and let its agent reskin it against the whole codebase.
Get the prompt βChat
ChatGPT (OpenAI)
No editor? Have ChatGPT write the files and paste them into the template.
Get the prompt βChat
Gemini (Google)
Use Gemini (or the Gemini CLI) to rewrite the template's copy and styling.
Get the prompt βEvery tool connects the same way
- Start from the free BringTheFront template β a Next.js 15 app that already has the secure backend connection built in (a server-side proxy at lib/api, plus session-cookie auth and the API envelope handled for you).
- Your AI tool changes how the site LOOKS and READS. It does not touch how it TALKS to the backend. Keep everything under lib/api and the middleware exactly as shipped.
- That one rule keeps your credentials safe: the browser never calls Orgalized directly, so there is no API key to leak in front-end code.
- When you are done, run pnpm verify β it checks types, theme contrast, and that nothing bypassed the connect layer β then deploy to Vercel.