YourWebTech documentation

Host your first website

Deploy a static website on YourWebTech (ywt.ch) using the built-in editor, preview it instantly, and publish it to the web.

Host your first website

YourWebTech lets you create, edit, preview, and publish static websites directly from your browser. On the Free plan you can build a page and share a draft link that expires; publishing it on the internet and connecting custom domains depend on your active static hosting plan.

This guide walks you through the entire process from creating a new site to seeing it live on the internet.

Only need a placeholder on a domain you registered at YWT? Put a "Coming soon" page on it in one click. It is free, needs no hosting plan, and YWT connects the domain for you.

Before you begin

  • You need a YourWebTech account. If you do not have one, follow the Register an account guide.
  • No coding experience is required. Create a page builds a one-page website from a form. Basic familiarity with HTML helps only if you choose to work with code.
  • If you want to use a custom domain (like yourname.ch), you will need a registered domain. See Register your first domain.

What is static hosting?

Static hosting serves pre-built files (HTML, CSS, JavaScript, images) directly to visitors. There is no server-side processing, no database, and no runtime. This makes static sites:

  • Fast — files are served instantly with no processing delay.
  • Secure — no server-side code means a much smaller attack surface.
  • Simple — easy to create, easy to maintain, and easy to understand.

Static hosting is perfect for personal websites, portfolios, landing pages, documentation sites, and small business websites.

Create and publish your site

Go to the Hosting section

Log in to your YourWebTech account and navigate to Website hosting from the header navigation or from the account sidebar.

You will see a list of your existing sites (empty if this is your first time) and a prominent Create New Website button.

Create a new site

Click Create New Website. You will be asked for a display name and a short subdomain, such as my_portfolio. The subdomain becomes your default hostname: my_portfolio.ywt.app.

The create-site dialog showing the name and subdomain fields

Click Create Site to set up your site.

Choose how to start your page

After creating your site, click Edit your page on the site's Overview, or open the Edit tab. If the site has no files yet, it says Nothing here yet and shows the ways to start.

The empty Edit tab showing Create a page and the Advanced options

Create a page comes first ("Fill in a form. No code."). You fill in your business name, a short text, services, opening hours, contact details, a photo, and a colour scheme, and the preview shows the page as you type. Click Save to keep your draft. If you choose this, follow Create a page without code, then continue with Preview your site below.

If you want to work with code, open Advanced:

OptionWhat it does
Choose a TemplatePick from a gallery of ready-made designs you can customize.
Upload FilesUpload individual files and folders from your computer.
Upload your websiteExtract a .zip archive into your site, or use the one index.html file your AI assistant gave you.
Start FreshCreates an index.html with a starter template. Best if you want a simple starting point to customize.
Load from VersionCopies the files of a version of this site you published before.

A page made with Create a page cannot be switched to code later, so pick Advanced if you plan to edit HTML.

Edit your site in the Monaco editor

This step applies if you chose one of the Advanced options. Once your site has files, the Edit tab opens the built-in code editor. YourWebTech uses the Monaco editor (the same editor that powers VS Code), so you get a familiar, powerful editing experience right in your browser.

The Monaco editor showing the file tree on the left and the code editor on the right

The editor interface includes:

AreaWhat it does
File treeBrowse, create, rename, and delete files and folders on the left
Code editorEdit file contents with syntax highlighting and auto-complete
ToolbarPreview or share your draft, download your files, start over, or publish from the top bar

Start Fresh and most templates create an index.html file you can edit freely. Uploading files or a zip archive keeps the structure you provide, so make sure your project includes an index.html at the root if you want the default path to load.

Here is what a minimal site looks like if you want to start from scratch:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My First Website</title>
  <style>
    body {
      font-family: system-ui, -apple-system, sans-serif;
      max-width: 640px;
      margin: 2rem auto;
      padding: 0 1rem;
      color: #1a1a1a;
    }
    h1 { color: #d42a2a; }
  </style>
</head>
<body>
  <h1>Hello from Switzerland!</h1>
  <p>This site is hosted on YourWebTech.</p>
</body>
</html>

You can add more files as needed: CSS stylesheets, JavaScript files, images, and so on. Use the file tree to create new files and folders.

Save changed files with the Save button or Cmd + S / Ctrl + S. Saving updates your draft; publishing is a separate go-live step.

Preview your site

Click the Preview button in the toolbar. This opens a preview of your draft in a new browser tab so you can check the saved files before publishing. The preview link works for one hour.

Use the preview to check:

  • Layout and design at the browser sizes you care about.
  • Links and navigation between pages.
  • Images and other media loading correctly.

Save your latest changes before refreshing the preview.

To get feedback from someone else before publishing, click Share draft, choose 1, 7, or 30 days, and send them the link. Anyone with the link can view your draft until it expires or you click Stop sharing. See Share a draft.

Publish your site

When you are happy with your site, click the Publish button in the toolbar. In the code editor, unsaved edits in the open file are saved first. If your account has an active paid hosting plan, YourWebTech deploys your files and makes the site live within seconds.

Your site is then available at its default URL, such as https://my_portfolio.ywt.app. Share this link with anyone and they can see your website.

If you are still on the Free plan, YWT will ask you to choose a paid hosting plan before public publishing is enabled. You can keep editing your draft and sharing draft links before upgrading.

Every publish creates a new version and makes it live. You can review previous versions later from History on the site's Overview, open their preview URLs, and use Restore this version when you need to return to known-good files.

Connect a custom domain

Your site starts with a *.ywt.app hostname, but you can connect your own .ch or .li domain if your hosting plan supports custom domains.

To connect a custom domain:

  1. Go to Website hosting, open your site, and select the Domains tab. Once your site is live, the Overview also shows a Connect your domain card that takes you there.
  2. Enter your domain (for example, yourname.ch).
  3. Add the _ywt-challenge TXT record and the traffic record shown in YWT. Apex domains use an A record to the YWT edge IP; subdomains use a CNAME to router.ywt.ch.
  4. Wait for DNS propagation (usually a few minutes, occasionally up to 24 hours).
  5. Once connected, your site will be accessible at both its subdomain.ywt.app hostname and yourname.ch.

HTTPS is enabled automatically for all custom domains at no extra cost.

Tips for a great static site

  • Keep it fast — minimize large images and unnecessary JavaScript. Static sites are inherently fast; do not slow them down with heavy assets.
  • Use semantic HTML — proper heading structure (h1, h2, h3) and meaningful elements help with accessibility and SEO.
  • Test on mobile — use the responsive preview to make sure your site looks good on phones and tablets.
  • Add a favicon — upload a favicon.ico file to the root of your project so browsers display your icon in tabs and bookmarks.

Next steps

Your site is live. Here is what to do next:

  • Connect a custom domain — if you have not already, register a .ch or .li domain and link it to your site following the steps above.
  • Review analytics — after the site receives traffic, use Hosting analytics to see page views, visitors, bandwidth, referrers, countries, devices, and browsers.
  • Understand your plan — see Static hosting plans and billing for upgrades, downgrades, cancellation, and renewal.
  • Explore templates — try different templates under Advanced on the Edit tab of an empty site to find a design that suits your needs.
  • Manage DNS — learn how to configure DNS records for advanced setups like email routing or third-party service verification.
  • Enable DNSSEC — protect your domain from DNS spoofing with DNSSEC.

On this page