Edit an AI-built website from GitHub

To edit an AI-built website from GitHub, export the code to a repository you own, import that repository into Xodia, and change the live page visually, so small fixes no longer need another prompt.

Updated October 28, 2026

Start free GitHub in Xodia

Free plan. No card needed.

Publish

Rise BakeryMenuClassesVisit

Mill Street, since 1987

Bread baked before sunriseBaked fresh every day

Sourdough, pastries and coffee on Mill Street, open every day from 7.

See the menu

Country sourdough

Morning buns

Flat white

...mainsectiondivh1

Ask your agent for a change…

Auto

<h1> Bread baked before sunriseBaked fresh every day

What should change about this element?

Auto

Select an elementSelect an element on the canvas to style it. Double-click text to edit it in place.

h1HomeStyleSettingsThis elementChanges only this elementApplies to Tablet and upNormal

Layout

Display

BlockFlexGridNoneMore

Flex and grid child

Spacing

Size

Position

Typography

Font

display (theme)

Weight

400

Size

60px

Line

1.25

Fluid

FixedFluid

Color

accent

Align

Backgrounds

Borders

Effects

Step by step

How to edit an AI-built website from GitHub

Six steps from the tool that made the site to your first pushed edit.

1
Export the site to a GitHub repository
In the AI tool that made the site, use its GitHub export or sync to push the code to a repository you own. Check on GitHub that the repository has the site's package.json and source files.
2
Connect GitHub in Xodia
Open Connections and connect GitHub, then install the Xodia GitHub App on that repository, or on all your repositories.
3
Import the repository
Press New project, choose Import from GitHub and import it. Xodia installs the packages in a private preview, detects the framework and styling and tells you how much you can edit visually.
4
Add the preview's environment variables
If the site calls a service, such as a database or an email API, add the variables it needs in Project settings, Environment. Values are stored encrypted. Names starting with VITE_ are built into your pages, so visitors can read them: use public keys only, and keep secret keys in your host's environment settings for server functions.
5
Edit on the canvas
Change text, images, links and styles on the live page, at every screen size. Ask your AI for bigger changes from the ask box.
6
Push to a branch and deploy
Work on a branch, push your edits and open a pull request, so they sit cleanly beside anything the original tool still pushes. Deploy merges into your live branch, and your host deploys it.

Connect GitHub

You choose which repositories Xodia can open

The Xodia GitHub App asks for access to the repositories you pick, on your account or your organization. You can change that list on GitHub any time.

Commits pushed on GitHub from outside Xodia show up in site activity. See GitHub

RRise BakeryProjectsMarketplaceConnectionsWorkspaceMembersBilling and usageSettingsStarter plan3 of 10 projectsUpgradeHelp and docsMMaya Rmaya@risebakery.com

Connections

Accounts this workspace uses for code, hosting, traffic and content.

Connect the tools your sites already use

Connect each account once and every project in this workspace can use it.

Import from GitHub and save back to itSee deploys and build logs from your hostRead traffic for Insights and content from your CMS

AllCodeHostingAnalyticsContent

Code

Where your sites' code lives. Saves and publishing go back here.

GitHubConnected

Import sites from your repositories and keep them in sync.

RrisebakeryOrganization

Add an account

Hosting

Where your sites go live. Xodia reads deploys and build logs; it changes nothing on your host.

Cloudflare

For sites on Cloudflare Pages or built by Workers Builds: the live address, domains and every build, and a failed build's log for your agent.

Read only. You pick the Cloudflare accounts; Xodia reads Pages projects and Workers, their domains and their builds.

Connect Cloudflare

Vercel

See the live address, domains and every deploy, and hand a failed build's log to your agent.

You choose the Vercel account or team and which projects Xodia may read. Xodia reads projects and deploys; it changes nothing on Vercel.

Use a tokenConnect Vercel

Netlify

See the live address, domains and every deploy, and hand a failed build's error to your agent.

Netlify gives Xodia access to your whole Netlify account. Xodia only reads sites and deploys, and adds deploy notifications to the sites it links so status updates arrive right away.

Connect Netlify

Import

The code opens as it is

If the export is React with Vite or a plain HTML site, it opens with full visual editing; Next.js, Astro and other frameworks are refused at import with the reason. Xodia tells you what it found and what you can edit before you start.

Nothing to convert, and no extra files added to your repository
Every stack and its editing level: frameworks

RRise BakeryProjectsMarketplaceConnectionsWorkspaceMembersBilling and usageSettingsStarter plan3 of 10 projectsUpgradeHelp and docsMMaya Rmaya@risebakery.com

New project

How do you want to start?

You can add more projects either way later.

Start a new siteFrom a finished template, or a blank React + Vite or HTML starter. Ready to edit visually.

Import from GitHubOpen a site you already have. Saves go back to your repository and your host deploys them.

Import a websiteCopies the pages visitors can see into an HTML project you can edit.

Connect your AI to build with itConnectSkip

Environment

Give the preview the keys it needs

A preview that calls a service needs its variables. Add them once in Environment, encrypted, and the preview restarts with them.

Publish

Project settings

GeneralUsagePublishingDomainsLanguagesActivityAI agentCode and GitCustom codeEnvironment

Environment

Variables your site and Xodia use.

Environment variables

Stored encrypted. VITE_ variables are built into your pages, so visitors can read them: use public keys only. Other variables stay on Xodia's server.

VITE_SANITY_PROJECT_IDhidden

VITE_SITE_URLhidden

NAMEValueAdd

Branches

Keep your edits on a branch

If the original tool still pushes to the repository, work on a branch and merge with a pull request, so neither side overwrites the other.

Publish

Rise BakeryMenuClassesVisit

Mill Street, since 1987

Bread baked before sunrise

Sourdough, pastries and coffee on Mill Street, open every day from 7.

See the menu

Country sourdough

Morning buns

Flat white

Select an elementSelect an element on the canvas to style it. Double-click text to edit it in place.

Brancheson risebakery/website

mainlive sitespring-hoursnew-menu-page

New branchOpen pull request into mainMerge into main (make live)Delete branch

Questions

Questions about AI-built sites on GitHub

Can I keep using the tool that made the site?

Yes. Both work on the same repository. Keep your Xodia edits on a branch and merge them with a pull request.

What if the site uses a database or an API?

Add the keys the preview needs in Environment. The live site keeps the settings it already has on its host.

Do I need to know how to code?

No. You change text, images, links and styles on the page. The code is there when you or a developer want it.

Which plans can do this?

Every plan can import from GitHub and edit visually; Free allows up to 4 pages a site, not counting collection pages. Branches and pull requests come with paid plans. See pricing.

Keep exploring

See every guide

Primary sources

Official docs

Updated October 28, 2026

Import your AI-built site and start editing.

Start free See pricing

Edit an AI-built website from GitHub

How to edit an AI-built website from GitHub

Export the site to a GitHub repository

Connect GitHub in Xodia

Import the repository

Add the preview's environment variables

Edit on the canvas

Push to a branch and deploy

You choose which repositories Xodia can open

The code opens as it is

Give the preview the keys it needs

Keep your edits on a branch

Questions about AI-built sites on GitHub

Can I keep using the tool that made the site?

What if the site uses a database or an API?

Do I need to know how to code?

Which plans can do this?

Related guides and pages

Official docs

Import your AI-built site and start editing.