Build a Website

Website Name

Your URL

This will be your website's address

Custom domain (optional) Connect your own domain to display your site at your own URL.

Type	Name	Target
CNAME

Website Content

export default {
  async fetch(request, env, ctx) {
    const html = `
<!DOCTYPE html>
<html>
<head>
  <title>My Website</title>
  <style>
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body { 
      font-family: ui-sans-serif, system-ui, sans-serif;
      max-width: 800px; 
      margin: 0 auto; 
      padding: 48px 24px;
      background: #fafafa;
      color: #000;
      line-height: 1.5;
    }
    h1 { 
      color: #056dff; 
      font-size: 2rem;
      font-weight: 600;
      margin-bottom: 16px;
      letter-spacing: -0.01em;
    }
    p { 
      font-size: 15px; 
      line-height: 1.6;
      margin-bottom: 12px;
      color: #444;
    }
    .container {
      background: #fff;
      padding: 32px;
      border-radius: 8px;
      border: 1px solid #e5e5e5;
      box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>Welcome to My Website</h1>
    <p>This is my new website built with Cloudflare Workers.</p>
    <p>You can customize this code to build anything you want!</p>
  </div>
</body>
</html>
    `;
    
    return new Response(html, {
      headers: { 'Content-Type': 'text/html' }
    });
  }
};

Load a Template Templates include static assets that will be stored in R2 and served via the edge.

Drop files or folder here

Or select files / select folder

Supports HTML, CSS, JS, images (PNG, JPG, SVG, GIF, ICO)