> For the complete documentation index, see [llms.txt](https://docs.codelessly.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.codelessly.com/getting-started/publish-your-design-as-a-website.md).

# Publish your design as a website

Codelessly supports publishing your design as a website with a single click. Codelessly's AutoScale technology will automatically resize your designs to fit on different screen sizes. 

Let's turn your designs into a website!

{% hint style="info" %}
When you're ready to publish to a custom domain, see our guide on [Custom deployments and publishing](/setting-up-custom-domains/linking-with-github-repository.md)
{% endhint %}

## Quickstart

After you import or create a design, you'll need to choose a unique URL for your website.

1. Click on the chevron icon <img src="/files/nQzQaUR3soPlx83TFXnl" alt="" data-size="line"> next to the publish button.

<figure><img src="/files/pQ722bvwfLwVjACNrsGh" alt=""><figcaption></figcaption></figure>

2. Click on the `Configure` button under the Website section to configure website publishing.&#x20;

<figure><img src="/files/6ZgIBc9qBCdqgAc5EPzR" alt=""><figcaption></figcaption></figure>

3. This will open the **Publish Settings** dialog with the `Website` tab selected. Under the **Home Page** section, from the dropdown, select a canvas that you want to use as home page for your website. This will be the page that will be displayed when your website is visited.

<figure><img src="/files/TYf0rwAP0649ZoeesMJl" alt=""><figcaption></figcaption></figure>

3. Under the **Publish Site** section, set a custom slug for your website. Use a subdirectory name of your choice. This will be the URL for your website.
4. Click on the **Save & Publish** button to save your configuration. Codelessly will now deploy your website.

<figure><img src="/files/SsdZcBCLoy5c02nk9LNa" alt=""><figcaption></figcaption></figure>

5. Congratulations!🎉 Your website is live on the Internet now! Click on the **Open Link** button to view your published website.

<figure><img src="/files/z0i2Wld4U2hlrGjnyimx" alt=""><figcaption></figcaption></figure>

## Publishing Updates

Codelessly supports 1-Click publishing. To publish updates, click on the chevron dropdown button and make sure the checkbox in the website section is selected. Hit the Publish button to update your website.

<figure><img src="/files/KuQ6AZSXyrPI4l0NLfRD" alt=""><figcaption></figcaption></figure>

With 1-Click publishing, you can simply press the publish button whenever you want to publish changes!

### Publishing on your own Custom Domain

We support integrating with third-party platforms like [Netlify](https://www.netlify.com/) and [Vercel](https://vercel.com/) and Github for publishing to custom domains. See our [Custom Deployments and Publishing](/setting-up-custom-domains/linking-with-github-repository.md) guide for more info.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.codelessly.com/getting-started/publish-your-design-as-a-website.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.