<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: xhorizon</title>
    <description>The latest articles on DEV Community by xhorizon (@sailorpro6).</description>
    <link>https://dev.to/sailorpro6</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3983468%2Fd38edf0e-1099-42ff-ac33-c2313c4b5fac.png</url>
      <title>DEV Community: xhorizon</title>
      <link>https://dev.to/sailorpro6</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/sailorpro6"/>
    <language>en</language>
    <item>
      <title>HTML to URL: five ways to turn an HTML or Markdown file into a shareable link</title>
      <dc:creator>xhorizon</dc:creator>
      <pubDate>Fri, 07 Aug 2026 15:10:14 +0000</pubDate>
      <link>https://dev.to/sailorpro6/sharing-an-ai-generated-html-page-five-options-and-the-one-question-that-picks-for-you-1783</link>
      <guid>https://dev.to/sailorpro6/sharing-an-ai-generated-html-page-five-options-and-the-one-question-that-picks-for-you-1783</guid>
      <description>&lt;p&gt;You have an HTML file, or a Markdown document, and the person who needs to look at it needs the &lt;em&gt;rendered page&lt;/em&gt; — not the code. Converting HTML to a URL should be one click, and it is. Which tool you pick still changes what you get.&lt;/p&gt;

&lt;p&gt;If you ask ChatGPT or Claude for a full HTML page you hit this immediately: the output is stuck in a chat window as markup. Forwarding the code hands someone homework. A screenshot loses the layout on mobile. Sharing the whole conversation overshares every dead end you went down first.&lt;/p&gt;

&lt;p&gt;Here are the five options that work without a build step, what each one costs you, and the single question that picks between them.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. GitHub Gist
&lt;/h2&gt;

&lt;p&gt;Paste the file, then view it through a renderer like &lt;code&gt;htmlpreview.github.io&lt;/code&gt; or raw.githack.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Good:&lt;/strong&gt; free, versioned, you already have the account.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Costs you:&lt;/strong&gt; the raw Gist URL serves the file as plain text, so you need a third-party viewer in the chain, and the URL you send looks like it.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  2. Netlify Drop
&lt;/h2&gt;

&lt;p&gt;Drag the file onto the page, get a live URL. This is a real deploy.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Good:&lt;/strong&gt; JavaScript runs. It is a genuine static site.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Costs you:&lt;/strong&gt; anonymous drops are temporary — you need an account to keep the URL. It is also a whole site deploy to show one file.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  3. CodePen / JSFiddle
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Good:&lt;/strong&gt; ideal when the page &lt;em&gt;is&lt;/em&gt; the demo and you want people poking at the source.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Costs you:&lt;/strong&gt; editor chrome wraps your page, and the result reads as a code sandbox rather than a document. Wrong frame if you are showing a client a pricing page.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  4. Pastebin-style services
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Good:&lt;/strong&gt; instant, no account.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Costs you:&lt;/strong&gt; most show the &lt;em&gt;source&lt;/em&gt;, not the rendered page. That is the opposite of what you want here.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  5. dochost
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Disclosure: I built this one&lt;/strong&gt;, so weigh the rest accordingly.&lt;/p&gt;

&lt;p&gt;Paste HTML or Markdown, or upload a &lt;code&gt;.html&lt;/code&gt; / &lt;code&gt;.md&lt;/code&gt; file, and get a link. No account needed; free links expire after 7 days. Markdown gets a live GitHub-flavored preview before you publish, so Markdown to HTML and HTML to URL are the same two clicks.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Costs you: your JavaScript will not run.&lt;/strong&gt; Shared pages are served from a separate cookieless domain with &lt;code&gt;script-src 'none'&lt;/code&gt; and &lt;code&gt;Set-Cookie&lt;/code&gt; stripped.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;That last point is the whole design, so it is worth explaining rather than listing.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fotnb9ne4w7wgbhp164l4.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fotnb9ne4w7wgbhp164l4.gif" alt=" " width="420" height="264"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Why one of these deliberately breaks your JavaScript
&lt;/h2&gt;

&lt;p&gt;A "paste HTML, get a URL" tool is, by default, a hosted cross-site-scripting engine. Whatever markup a stranger pastes gets served to whoever opens the link. If those pages live on the same origin as the app's own login and cookies, one pasted &lt;code&gt;&amp;lt;script&amp;gt;&lt;/code&gt; is reading sessions.&lt;/p&gt;

&lt;p&gt;Two ways out. Sandbox the untrusted page on a separate origin and let scripts run there, or serve it with scripts off entirely. The second is stricter and costs real functionality — interactive pages stop being interactive — but nothing an author pastes can execute in a reader's session, which matters more when the HTML was written by a model and nobody has read it line by line.&lt;/p&gt;

&lt;p&gt;Neither answer is universally right. It is a genuine tradeoff, and it is the tradeoff you are actually choosing between in this list.&lt;/p&gt;

&lt;h2&gt;
  
  
  The question that decides it
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Does your page need JavaScript to be worth looking at?&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Yes&lt;/strong&gt; — an interactive demo, a chart that renders client-side, a form: Netlify Drop or CodePen. Anything that strips scripts will show your reader a blank box.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;No&lt;/strong&gt; — a pricing table, an email mockup, a report, a quiz that is pure HTML and CSS: any of them work. Pick on how the URL looks and whether you want to make an account.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Most AI-generated pages people need to &lt;em&gt;show someone&lt;/em&gt; fall in the second group. Inline &lt;code&gt;&amp;lt;style&amp;gt;&lt;/code&gt; blocks travel with the markup, so the page arrives looking the way the model built it.&lt;/p&gt;

&lt;h2&gt;
  
  
  One thing to check regardless of which you pick
&lt;/h2&gt;

&lt;p&gt;Ask the model to inline its CSS. If it references an external stylesheet it never gave you, the page renders unstyled wherever you put it, and you will blame the host.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fo244hc3gu5spc48m51zv.png" alt=" " width="800" height="420"&gt;
&lt;/h2&gt;

&lt;p&gt;What do you use for this? I am most interested in whether anyone has found a good answer for the interactive case that does not require a deploy step.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>ai</category>
      <category>chatgpt</category>
      <category>productivity</category>
    </item>
    <item>
      <title>Three ways to share your ChatGPT / Claude output as a real web page</title>
      <dc:creator>xhorizon</dc:creator>
      <pubDate>Sun, 14 Jun 2026 06:25:17 +0000</pubDate>
      <link>https://dev.to/sailorpro6/three-ways-to-share-your-chatgpt-claude-output-as-a-real-web-page-277f</link>
      <guid>https://dev.to/sailorpro6/three-ways-to-share-your-chatgpt-claude-output-as-a-real-web-page-277f</guid>
      <description>&lt;p&gt;Your LLM just produced a great report, a README, a doc, a table. Now you want to send it to someone. Pasting raw Markdown into Slack looks broken. A screenshot isn't searchable or copyable. Forwarding the whole chat shares more than you want. So how do you turn one AI output into a clean, linkable web page?&lt;/p&gt;

&lt;p&gt;Here are three approaches I've used, with the trade-offs.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. GitHub Gist
&lt;/h2&gt;

&lt;p&gt;Paste the Markdown into a &lt;code&gt;.md&lt;/code&gt; Gist and share the link. Free, durable, and developers trust the domain.&lt;/p&gt;

&lt;p&gt;Downsides: it renders in GitHub's wrapper (not a clean standalone page), HTML isn't rendered live, and it's a weird link to send a non-technical person. Good for code snippets, awkward for a polished doc.&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Publish from a static-site setup
&lt;/h2&gt;

&lt;p&gt;Drop the content into a repo with GitHub Pages, Netlify, or a notebook tool. Maximum control.&lt;/p&gt;

&lt;p&gt;Downsides: it's a project, not a 10-second action. Overkill when you just want one page to exist at one URL.&lt;/p&gt;

&lt;h2&gt;
  
  
  3. A paste-to-link publisher
&lt;/h2&gt;

&lt;p&gt;Tools in this category take Markdown or HTML, render it, and hand you a URL. No repo, no build. Options include &lt;a href="https://telegra.ph" rel="noopener noreferrer"&gt;Telegraph&lt;/a&gt;, JotBird, mdshare, and &lt;a href="https://dochost.io" rel="noopener noreferrer"&gt;dochost&lt;/a&gt; (which I built, so fair disclosure). The differences worth knowing:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;HTML support&lt;/strong&gt; — some only take Markdown. If your AI produced an HTML artifact, you want one that renders HTML directly. dochost does; most don't.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Permanence&lt;/strong&gt; — free tiers often expire links (dochost's free links last 7 days). Fine for a quick share, check the tier if you need it to live forever.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Password / private&lt;/strong&gt; — for client work or internal docs, you want a password option.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;A concrete walkthrough (paste-to-link)&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Copy your Markdown or HTML out of ChatGPT/Claude.&lt;/li&gt;
&lt;li&gt;Paste it into the publisher's box.&lt;/li&gt;
&lt;li&gt;Get a URL. Send it.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;That's the whole loop. For AI output specifically, this is the lowest-friction of the three — no repo, renders HTML, and you're sharing a normal web page instead of a screenshot or a raw blob.&lt;/p&gt;

&lt;h2&gt;
  
  
  Which to pick
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Code snippet for other devs → Gist.&lt;/li&gt;
&lt;li&gt;A page you'll maintain and grow → static site.&lt;/li&gt;
&lt;li&gt;One-off doc / AI output you just need to &lt;em&gt;send&lt;/em&gt; → a paste-to-link tool.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Pick the boring one that matches the job. For me, sharing LLM outputs landed on the third.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>productivity</category>
      <category>webdev</category>
      <category>tools</category>
    </item>
  </channel>
</rss>
