<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: tbonelee</title>
    <description>The latest articles on DEV Community by tbonelee (@tbonelee).</description>
    <link>https://dev.to/tbonelee</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1257817%2F40608559-36d9-4493-a5b2-c9ad01b85fa4.jpeg</url>
      <title>DEV Community: tbonelee</title>
      <link>https://dev.to/tbonelee</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/tbonelee"/>
    <language>en</language>
    <item>
      <title>AI can build your frontend. But can it make the content manageable?</title>
      <dc:creator>tbonelee</dc:creator>
      <pubDate>Sun, 10 May 2026 15:21:47 +0000</pubDate>
      <link>https://dev.to/tbonelee/ai-can-build-your-frontend-but-can-it-make-the-content-manageable-1mlc</link>
      <guid>https://dev.to/tbonelee/ai-can-build-your-frontend-but-can-it-make-the-content-manageable-1mlc</guid>
      <description>&lt;h1&gt;
  
  
  AI can build your frontend. But can it also model your CMS?
&lt;/h1&gt;

&lt;p&gt;AI tools can generate frontend code faster than ever.&lt;/p&gt;

&lt;p&gt;You can describe a page in natural language and get a working design in minutes. But once the page looks good, a more practical question appears:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Where does the content live?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;If the page title, descriptions, endpoint lists, images, and copy are all hardcoded inside the frontend, the site is still closer to a demo than a real website.&lt;/p&gt;

&lt;p&gt;That is fine for a quick prototype.&lt;/p&gt;

&lt;p&gt;It is not enough for something you want to operate, update, and share with other people.&lt;/p&gt;

&lt;p&gt;A real content website still needs:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;structured content&lt;/li&gt;
&lt;li&gt;content APIs&lt;/li&gt;
&lt;li&gt;a way to update content without editing code&lt;/li&gt;
&lt;li&gt;hosting&lt;/li&gt;
&lt;li&gt;custom domains&lt;/li&gt;
&lt;li&gt;a repeatable deployment workflow&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This is the gap we are working on with &lt;strong&gt;Weegloo&lt;/strong&gt;: an AI-friendly headless CMS with hosting for content-driven websites.&lt;/p&gt;

&lt;p&gt;In this post, I want to walk through a simple workflow:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Start with an AI-generated page, then let an AI agent use Weegloo MCP to turn it into a CMS-backed, API-driven, hosted website.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;The point is not only that AI can generate the first UI.&lt;/p&gt;

&lt;p&gt;The more interesting part is what the agent can do next:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;inspect the generated frontend&lt;/li&gt;
&lt;li&gt;infer the content model&lt;/li&gt;
&lt;li&gt;create Content Types in Weegloo&lt;/li&gt;
&lt;li&gt;move hardcoded data into CMS entries&lt;/li&gt;
&lt;li&gt;connect the frontend to the CDA&lt;/li&gt;
&lt;li&gt;deploy the site with WebHosting&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  The first version: AI-generated, but hardcoded
&lt;/h2&gt;

&lt;p&gt;Let’s start with a simple example.&lt;/p&gt;

&lt;p&gt;Imagine we want to build a documentation page for a fictional analytics API called &lt;strong&gt;Pulse API&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;We can ask an AI coding tool to generate the first version:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;I want to build a docs site for an analytics API called Pulse.

Standard API reference layout:
- overview area with the API name, tagline, and short intro
- endpoint reference section showing HTTP method, path, summary, and description
- clean, dev-friendly design
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;The AI can generate a good-looking page quickly.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuw84287jsqu7is15upe2.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuw84287jsqu7is15upe2.png" alt="AI-generated API documentation page" width="800" height="685"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;The first AI-generated version looks usable, but the content is still hardcoded in the frontend.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;At this stage, the page might already look usable. It may have a sidebar, endpoint cards, authentication section, method labels, and polished styling.&lt;/p&gt;

&lt;p&gt;But there is one problem:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;All the content is still inside the code.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;The API name is hardcoded.&lt;br&gt;&lt;br&gt;
The endpoint list is hardcoded.&lt;br&gt;&lt;br&gt;
The descriptions are hardcoded.&lt;br&gt;&lt;br&gt;
The structure exists visually, but it is not yet a content system.&lt;/p&gt;

&lt;p&gt;This is where many AI-built websites stop.&lt;/p&gt;

&lt;p&gt;They look finished, but they are difficult to operate.&lt;/p&gt;

&lt;p&gt;If you want to change an endpoint description, you edit code.&lt;br&gt;&lt;br&gt;
If you want to add a new endpoint, you edit code.&lt;br&gt;&lt;br&gt;
If a non-developer wants to update the page, they probably cannot.&lt;br&gt;&lt;br&gt;
If you want to reuse the same content elsewhere, there is no clean API for it.&lt;/p&gt;

&lt;p&gt;The frontend exists, but the content is trapped inside it.&lt;/p&gt;




&lt;h2&gt;
  
  
  Step 1: Let the AI agent extract the content model
&lt;/h2&gt;

&lt;p&gt;The next step is not to manually design a CMS schema from scratch.&lt;/p&gt;

&lt;p&gt;Instead, we can ask the AI agent:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;What content model does this page need?&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;In this example, the generated page contains two main kinds of data.&lt;/p&gt;

&lt;p&gt;First, there is API-level information:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;API name&lt;/li&gt;
&lt;li&gt;tagline&lt;/li&gt;
&lt;li&gt;introduction&lt;/li&gt;
&lt;li&gt;authentication description&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Second, there are endpoint records:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;HTTP method&lt;/li&gt;
&lt;li&gt;path&lt;/li&gt;
&lt;li&gt;summary&lt;/li&gt;
&lt;li&gt;description&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;From that structure, the agent can infer two content types:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;API
Endpoint
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;The relationship is also clear:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;One API has many endpoints.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;This is the important shift.&lt;/p&gt;

&lt;p&gt;Instead of treating the AI-generated page as a pile of markup, the agent can inspect the generated frontend and turn the implicit structure into an explicit content model.&lt;/p&gt;

&lt;p&gt;With Weegloo, the agent can create matching &lt;code&gt;ContentType&lt;/code&gt; resources through Weegloo MCP.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fprwunv1wtcp3t0uv2uv5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fprwunv1wtcp3t0uv2uv5.png" alt="Creating Content Types from the generated page structure" width="800" height="380"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;The AI agent turns the page structure into explicit Content Types in Weegloo.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;So the implicit structure inside the frontend becomes an explicit CMS schema.&lt;/p&gt;

&lt;p&gt;Before:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Content structure is hidden inside frontend code.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;After:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Content structure exists as reusable Content Types.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;This matters because the content model is what makes the website maintainable.&lt;/p&gt;




&lt;h2&gt;
  
  
  Step 2: Let the AI agent move hardcoded data into CMS content
&lt;/h2&gt;

&lt;p&gt;A content type only defines the shape of the data.&lt;/p&gt;

&lt;p&gt;It does not contain the actual content yet.&lt;/p&gt;

&lt;p&gt;So the next step is to let the AI agent extract the hardcoded data from the frontend and create actual CMS content entries in Weegloo.&lt;/p&gt;

&lt;p&gt;For the Pulse API example, the agent can turn frontend data into content records such as:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;API:
- name: Pulse API
- tagline: Analytics API for modern products
- intro: ...

Endpoint:
- method: GET
- path: /events
- summary: List events
- description: ...

Endpoint:
- method: POST
- path: /events
- summary: Create event
- description: ...
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Now the frontend is no longer the source of truth.&lt;/p&gt;

&lt;p&gt;The CMS is.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqm7e216ehzto6iuysofy.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqm7e216ehzto6iuysofy.png" alt="Moving hardcoded data into Weegloo content" width="800" height="380"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;Hardcoded page data is moved into published CMS content entries.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;This changes the workflow completely.&lt;/p&gt;

&lt;p&gt;Before:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;To update content, edit the frontend code.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;After:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;To update content, edit the CMS entry.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;That is the difference between a generated demo and an operable website.&lt;/p&gt;

&lt;p&gt;The page may look the same visually, but the way it is managed is now very different.&lt;/p&gt;




&lt;h2&gt;
  
  
  Step 3: Let the AI agent replace hardcoded data with CDA calls
&lt;/h2&gt;

&lt;p&gt;Once the content is in the CMS, the frontend still needs to read it.&lt;/p&gt;

&lt;p&gt;This is where the AI agent updates the generated page again.&lt;/p&gt;

&lt;p&gt;Instead of rendering hardcoded arrays or objects from the frontend code, the page is changed to read published content from Weegloo’s CDA, the Content Delivery API.&lt;/p&gt;

&lt;p&gt;The agent can update the generated page so that:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;static API information is removed from the code&lt;/li&gt;
&lt;li&gt;endpoint data is fetched from Weegloo&lt;/li&gt;
&lt;li&gt;the same UI is rendered using CMS-managed content&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The important part is this:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;The page still looks the same, but the data now comes from the CMS.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;In other words, the visual result does not need to change.&lt;/p&gt;

&lt;p&gt;What changes is the source of the content.&lt;/p&gt;

&lt;p&gt;That is the key transition.&lt;/p&gt;

&lt;p&gt;The AI-generated page becomes a real content-driven website.&lt;/p&gt;

&lt;p&gt;You can keep the frontend flexible while moving the content into a system that is easier to update, publish, and reuse.&lt;/p&gt;




&lt;h2&gt;
  
  
  Step 4: Let the AI agent deploy the finished site
&lt;/h2&gt;

&lt;p&gt;At this point, the page has:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;a frontend&lt;/li&gt;
&lt;li&gt;structured content&lt;/li&gt;
&lt;li&gt;CMS-managed entries&lt;/li&gt;
&lt;li&gt;API integration&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;But it still needs to be published somewhere.&lt;/p&gt;

&lt;p&gt;This is another place where AI-built websites often become fragmented.&lt;/p&gt;

&lt;p&gt;You may build the frontend with one tool, manage content with another, deploy with another, and connect domains somewhere else.&lt;/p&gt;

&lt;p&gt;Weegloo includes WebHosting so the finished frontend can be published from the same platform.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0k1qojbiqpwtj51ypriq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0k1qojbiqpwtj51ypriq.png" alt="Deploying the finished frontend with Weegloo WebHosting" width="800" height="375"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;The finished frontend can be deployed through Weegloo WebHosting.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;The AI agent can upload the build artifacts to Weegloo WebHosting and deploy the page so it can be accessed externally through an automatically issued subdomain.&lt;/p&gt;

&lt;p&gt;For production, you can also connect a custom domain.&lt;/p&gt;

&lt;p&gt;So the workflow becomes:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Generate frontend
→ infer content model
→ create Content Types through Weegloo MCP
→ move hardcoded data into CMS content
→ connect frontend to CDA
→ deploy with WebHosting
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;Instead of:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Generate frontend
→ manually design CMS schema
→ manually migrate content
→ wire API calls
→ choose hosting
→ configure deployment
→ connect domain
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;




&lt;h2&gt;
  
  
  The interesting part is not just AI generation
&lt;/h2&gt;

&lt;p&gt;AI-generated frontend code is impressive.&lt;/p&gt;

&lt;p&gt;But for real websites, generation is only the first step.&lt;/p&gt;

&lt;p&gt;The more important question is:&lt;/p&gt;

&lt;p&gt;Can the result be operated?&lt;br&gt;
Can the content be updated?&lt;br&gt;&lt;br&gt;
Can the data be reused?&lt;br&gt;&lt;br&gt;
Can non-developers edit it?&lt;br&gt;&lt;br&gt;
Can the frontend fetch content through APIs?&lt;br&gt;&lt;br&gt;
Can the site be hosted and shared?&lt;br&gt;&lt;br&gt;
Can the same workflow be repeated for another page?&lt;/p&gt;

&lt;p&gt;That is what turns an AI-built page into a real website.&lt;/p&gt;

&lt;p&gt;Here is the before and after:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Before:
- content is hardcoded in the frontend
- updates require code changes
- the content model is implicit
- hosting is a separate step
- the page is hard to operate after generation

After:
- the agent infers a content model
- content lives in a CMS
- frontend reads content through APIs
- the content model is explicit
- the site can be hosted from the same platform
- updates can happen without touching frontend code
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;This is the layer Weegloo is trying to provide.&lt;/p&gt;

&lt;p&gt;AI can create the first version.&lt;/p&gt;

&lt;p&gt;With Weegloo MCP, the agent can help make it manageable, API-driven, and hosted.&lt;/p&gt;




&lt;h2&gt;
  
  
  Who this is for
&lt;/h2&gt;

&lt;p&gt;This workflow is useful if you are building websites with tools like:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Cursor&lt;/li&gt;
&lt;li&gt;Claude Code&lt;/li&gt;
&lt;li&gt;v0&lt;/li&gt;
&lt;li&gt;Bolt&lt;/li&gt;
&lt;li&gt;Lovable&lt;/li&gt;
&lt;li&gt;other AI coding tools&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It is also useful if you often start with a static frontend and later realize that the content needs to be managed properly.&lt;/p&gt;

&lt;p&gt;For example:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;documentation sites&lt;/li&gt;
&lt;li&gt;landing pages&lt;/li&gt;
&lt;li&gt;product pages&lt;/li&gt;
&lt;li&gt;marketing sites&lt;/li&gt;
&lt;li&gt;portfolios&lt;/li&gt;
&lt;li&gt;content-heavy SaaS pages&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Hardcoded content works for a demo.&lt;/p&gt;

&lt;p&gt;But once the website needs to change, grow, or be edited by someone else, it needs a CMS layer.&lt;/p&gt;




&lt;h2&gt;
  
  
  What we are building
&lt;/h2&gt;

&lt;p&gt;Weegloo is an AI-friendly headless CMS with hosting for content-driven websites.&lt;/p&gt;

&lt;p&gt;The goal is not to replace your frontend stack.&lt;/p&gt;

&lt;p&gt;You can still build the frontend with the tools you like.&lt;/p&gt;

&lt;p&gt;The goal is to provide the layer that AI-built websites still need after the frontend exists:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;content modeling&lt;/li&gt;
&lt;li&gt;content management&lt;/li&gt;
&lt;li&gt;content APIs&lt;/li&gt;
&lt;li&gt;publishing&lt;/li&gt;
&lt;li&gt;hosting&lt;/li&gt;
&lt;li&gt;custom domains&lt;/li&gt;
&lt;li&gt;MCP-based AI agent workflows&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;In short:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;AI builds the page. With Weegloo MCP, the agent can turn it into something operable.&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  Launch
&lt;/h2&gt;

&lt;p&gt;Weegloo launches globally on &lt;strong&gt;May 13&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Pre-launch registration is open at &lt;a href="https://weegloo.com" rel="noopener noreferrer"&gt;https://weegloo.com&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;If you are building websites with AI coding tools, I would love to hear how you currently handle content, hosting, and deployment after the first AI-generated version works.&lt;/p&gt;

&lt;p&gt;Do you hardcode content?&lt;br&gt;&lt;br&gt;
Do you connect a CMS?&lt;br&gt;&lt;br&gt;
Do you build a custom admin panel?&lt;br&gt;&lt;br&gt;
Do you use something like Supabase?&lt;br&gt;&lt;br&gt;
Or do you keep it simple until the site becomes real?&lt;/p&gt;

&lt;p&gt;I’m especially curious how other builders are thinking about the step after AI generates the frontend.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>ai</category>
      <category>showdev</category>
    </item>
  </channel>
</rss>
