# 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.&#x20;

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: 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:

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

The question should be specific, self-contained, and written in natural language.
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.
