# Moving your website to an AI-native stack: here's a winning setup for teams on a budget > Moving your website to an AI-native stack: here's a winning setup for teams on a budget Source: https://contengi.com/blog/ai-native-website-stack Published: 2026-10-06 Updated: 2026-10-07 ## TL;DR - An AI-native stack gives each layer one job: an AI builder writes the code, Supabase holds the data, Vercel serves the site and Contengi runs the content - Pick one builder. Claude Code suits migrations of existing sites, Codex suits teams already paying for ChatGPT, v0 builds Next.js in the browser, and Lovable builds app-style products with Supabase wired in - Vercel's free Hobby plan is for personal, non-commercial use, so a business site belongs on Pro at $20 a month - Supabase's free plan covers a small project, though free projects pause after a week of inactivity, and Pro starts at $25 a month - Contengi costs $50 a month in beta, with Claude tokens billed to your own Anthropic key at cost - On October 2026 list prices, the core stack runs at roughly $100 to $165 a month before tax and domain fees - Server rendering is the setting that decides whether AI crawlers can read your site, so check it whichever builder you choose ## What makes a stack AI-native A traditional small business site has a builder, a host and a CMS bundled into one subscription, and every change goes through a visual editor. An AI-native stack splits those jobs apart and hands most of the work to agents. The builder is an AI coding agent that writes and edits the site from plain English. The data lives in a real database you own. The hosting deploys whatever the agent pushes. And the content, the part that has to keep moving every week, runs through agents that know your brand. The benefit is control at a low price. Each layer is a specialist tool with a fair entry price, and none of them locks your content or your code inside a single vendor. If you want the full case for moving, with the trade-offs, read our guide to [the benefits of an AI-native stack](https://contengi.com/blog/benefits-of-an-ai-native-website-stack). This post covers the setup. ## The stack at a glance Layer Tool Job Builder Claude Code, Codex, v0 or Lovable Writes and edits the site's code from plain-English requests Data Supabase Postgres database, authentication and file storage Hosting Vercel Builds and deploys every push, serves the site through its CDN Content Contengi Knowledge base, content agents, CMS and publishing to the site ## Layer one: pick one builder All four can build a marketing site. They differ in where they run and what they hand you. Builder Where it runs What it builds Best for Cost Claude Code Terminal, IDE, desktop app or browser Whatever stack you ask for Migrating an existing site and long-term maintenance Included in Claude Pro, $17 a month annually or $20 monthly Codex ChatGPT, a CLI, a desktop app and IDEs Whatever stack you ask for Teams who already live in ChatGPT Included across ChatGPT plans, including Free and Go v0 Browser Next.js projects that publish to Vercel Fast front ends and landing pages Plan-based, a paid add-on on Vercel Pro Lovable Browser New apps on TanStack Start with server rendering App-style products with logins and data Plan-based, check Lovable's current pricing [Claude Code](https://docs.claude.com/en/docs/claude-code/overview) is Anthropic's agentic coding tool. It reads a whole codebase, edits files and runs commands, which makes it the strongest fit when you are moving an existing site and need someone to read hundreds of old pages, build redirects and keep the result maintained. According to [Claude's pricing page](https://claude.com/pricing), Claude Code is included in every paid plan, and it shares usage limits with your chats. Codex is OpenAI's coding agent. OpenAI says it is [included across ChatGPT plans](https://help.openai.com/en/articles/11369540-using-codex-with-your-chatgpt-plan), including Free and Go, with Codex Cloud available on eligible paid plans. If your team already pays for ChatGPT, Codex gives you an agent without another subscription. [v0](https://vercel.com/docs/v0) is Vercel's AI agent for building full-stack web apps. It builds with Next.js and publishes straight to Vercel, so the hosting layer comes pre-wired. It suits a team that wants to see the result in a browser as it is built. Lovable builds full apps in the browser and [connects to a Supabase project you own](https://docs.lovable.dev/integrations/supabase) as its back end. Lovable's documentation says [new apps use TanStack Start with server-side rendering by default](https://docs.lovable.dev/features/seo-aeo), while older React and Vite apps rely on prerendering served to verified crawlers. Our guide to [SEO for Lovable, v0 and Claude Code sites](https://contengi.com/blog/lovable-seo) covers that difference in detail. Our pick for teams on a budget: Claude Code for the build and the maintenance, with v0 or Lovable as a sketchpad if someone on the team thinks better visually. You pay for one agent subscription that you also use for the rest of your work. ## Layer two: Supabase for data Supabase gives every project a dedicated Postgres database, plus authentication, file storage, edge functions and realtime. For a marketing site it holds your form submissions, your newsletter sign-ups, any gated content and, if you want, your blog posts. According to [Supabase's pricing page](https://supabase.com/pricing), the free plan includes a 500 MB database, 50,000 monthly active users and 1 GB of file storage, with a limit of two active projects. Supabase pauses free projects after one week of inactivity, which is fine for a prototype and risky for a business. Pro starts at $25 a month, includes $10 of compute credit that covers one Micro instance, and comes with a spend cap switched on by default. Start free while you build. Move to Pro before launch. ## Layer three: Vercel for hosting Vercel builds and deploys every push to your repository, gives each branch a preview URL, and serves the production site through its CDN. It also maintains Next.js, which is what v0 builds and what Claude Code and Codex will build if you ask for it. Read the plan terms careful. [Vercel's pricing page](https://vercel.com/pricing) says Hobby is for personal, non-commercial use. A business site belongs on Pro at $20 a month, which includes $20 of usage credit, and new teams get spend management with alerts and an optional hard limit. Our guide to choosing a [CMS for Vercel websites](https://contengi.com/blog/cms-for-vercel-websites) covers the storage options Vercel connects to. ## Layer four: Contengi for content The first three layers give you a fast site you own. None of them gives you anyone to write for it. Contengi is the [AI-native CMS and content layer](https://contengi.com/ai-native-cms) we built for this stack. A strategist builds your brand knowledge base with you, covering tone of voice, positioning, audience and hard rules, and every agent reads it before writing. The agents draft SEO blogs, social posts, newsletters and press releases, lint them against your rules, check every link and wait for your approval. Publishing plugs into the rest of the stack through one signed endpoint, which [Claude Code writes for your site from a single prompt](https://contengi.com/integrations/claude-websites). For v0 sites, it is [one route handler](https://contengi.com/integrations/v0-websites). Each post arrives with its title, slug, SEO fields, body, FAQ and featured image, and your endpoint stores it wherever your site keeps content. Supabase is one of the stores Contengi's integration docs name, so your posts sit in your own database, keyed on the URL. After publishing, Contengi revisits posts against your Search Console data, and [LLM tracking](https://contengi.com/blog/llm-tracking) shows whether ChatGPT, Claude, Gemini, Perplexity and Grok name you. It also works as an MCP server, so the Claude you use with Claude Code can open, edit and save posts from the same chat. The price is $50 a month in beta. You bring your own Anthropic API key and pay Anthropic directly for tokens, which Contengi puts at $10 to $50 a month for typical use. ## What it costs each month Layer Choice Monthly cost (USD) Builder Claude Pro, includes Claude Code $20 monthly, or $17 a month billed annually Hosting Vercel Pro $20, including $20 of usage credit Data Supabase $0 on Free, $25 on Pro Content Contengi beta $50 Content tokens Anthropic API, your own key $10 to $50 for typical use **Total** **Roughly $100 to $165** Prices come from each vendor's pricing page in October 2026 and exclude tax and your domain. If your team builds with Codex on an existing ChatGPT plan, swap the Claude line for what you already pay. Prices change, so check each page before you commit. ## Where budgets leak **Usage limits.** Claude Code shares your Claude plan's limits with your chats. Heavy build weeks may push you to wait for a reset or switch on usage credits. **Hosting overages.** Vercel Pro covers $20 of usage. A traffic spike or heavy image optimisation can go beyond that, so set the spend alert on day one. **Database compute.** Supabase's $10 credit covers one Micro instance. Bigger compute costs more, and the spend cap is there to stop surprises. **Builder sprawl.** Paying for Claude, Lovable and v0 at once adds up fast. Pick one primary builder and cancel the rest after the build. ## Moving an existing site onto the stack If you already have a site on Webflow, WordPress, Framer, Wix or Squarespace, the move follows the same pattern: inventory every URL, export the content, rebuild with your chosen builder, carry every redirect across and match your metadata before improving it. Our guide to [migrating a website to Next.js, Vercel and Claude Code](https://contengi.com/blog/migrate-website-to-next-js) walks through each step. Keep one rule from Google's [site move guidance](https://developers.google.com/search/docs/crawling-indexing/site-move-with-url-changes) in mind. Change one thing at a time. Move the site first, then redesign it. ## The setting that decides AI visibility Whatever builder you pick, check that pages arrive as finished HTML. Vercel and MERJ's research into [AI crawler behaviour](https://vercel.com/blog/the-rise-of-the-ai-crawler) found that OpenAI's crawlers, ClaudeBot and PerplexityBot do not execute JavaScript. A page that only fills in after scripts run is a blank page to them. Next.js sites built with Claude Code, Codex or v0 can render on the server by default, and new Lovable apps on TanStack Start do the same. Run curl against a few pages after launch and look for your headline in the raw response. ## Frequently asked questions ### What is an AI-native website stack? A setup where AI agents build, maintain and fill the site: an AI coding agent writes the code, a database such as Supabase holds the data, a host such as Vercel deploys it, and a content platform such as Contengi runs publishing. ### Which is better for a small business site, Claude Code, Codex, v0 or Lovable? Claude Code suits migrating and maintaining an existing site, Codex suits teams already on ChatGPT, v0 suits fast Next.js front ends on Vercel, and Lovable suits app-style products with Supabase built in. ### Can I run a business site on Vercel's free plan? Vercel says its Hobby plan is for personal, non-commercial use. A business site belongs on Pro, which costs $20 a month. ### Do I need Supabase for a marketing site? Not always. A brochure site with no forms or logins can run without a database. Supabase earns its place once you store form submissions, sign-ups, gated content or blog posts. ### How much does an AI-native stack cost? On October 2026 list prices, Claude Pro, Vercel Pro, Supabase and Contengi with typical API usage come to roughly $100 to $165 a month before tax and domain fees. ### Where do blog posts live on an AI-native stack? In your own database or content store. Contengi publishes each post to a signed endpoint on your site, which can store it in Supabase, keyed on the post's URL.