# 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](https://docs.codelessly.com/setting-up-custom-domains)
{% 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="https://3474078512-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx4NeiXalJWaOaV6tsK5f%2Fuploads%2F3QyXmbV0w4udG32R4NaV%2Fimage.png?alt=media&#x26;token=9f2a77d2-c8a0-4c63-904f-e7eb0dec05f9" alt="" data-size="line"> next to the publish button.

<figure><img src="https://3474078512-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx4NeiXalJWaOaV6tsK5f%2Fuploads%2F6VuIVgzrbbmlxx3RZw3X%2Fimage.png?alt=media&#x26;token=f9d69d4e-2968-412b-bc48-f09c60e25bf7" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3474078512-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx4NeiXalJWaOaV6tsK5f%2Fuploads%2FlssYqaR7Z7TUgJoR2Gxf%2Fimage.png?alt=media&#x26;token=2fdd9817-26d5-4af8-bc04-0e67d854990d" 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="https://3474078512-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx4NeiXalJWaOaV6tsK5f%2Fuploads%2FWQ5TxfbvlVh0su2KRQtF%2Fimage.png?alt=media&#x26;token=aef0ad38-4952-40a2-9b4f-91b439daff8f" 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="https://3474078512-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx4NeiXalJWaOaV6tsK5f%2Fuploads%2FMDE2Ah8IenppAQjGR1AC%2Fimage.png?alt=media&#x26;token=2fb1b14a-ef37-4dfd-a2af-0667cafba982" 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="https://3474078512-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx4NeiXalJWaOaV6tsK5f%2Fuploads%2FHi8gGfZQPgVtYwKcAMDC%2Fimage.png?alt=media&#x26;token=04673915-6579-4a1e-b8fb-83be90d259ad" 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="https://3474078512-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fx4NeiXalJWaOaV6tsK5f%2Fuploads%2Fj6k9SdCCFDJLS0ktiaaD%2Fimage.png?alt=media&#x26;token=4c3163a8-9987-456b-a600-273a75da1bd9" 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](https://docs.codelessly.com/setting-up-custom-domains) guide for more info.