Skip to content

Host guide: Replit

This is the pattern used by pmds.info, which runs Claudius in production on Replit.

Add the standard tags before </body> in your Replit project’s HTML template:

<script>
window.ClaudiusConfig = {
apiUrl: "https://your-worker.workers.dev",
title: "Support",
subtitle: "Ask me anything",
};
</script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/PMDevSolutions/Claudius@1/cdn/claudius.css"
/>
<script src="https://cdn.jsdelivr.net/gh/PMDevSolutions/Claudius@1/cdn/claudius.iife.js"></script>

Upload claudius.iife.js and claudius.css (from pnpm build:embed, or copied from the repo’s cdn/ directory) into the Replit project and reference them locally:

<link rel="stylesheet" href="/claudius.css" />
<script src="/claudius.iife.js"></script>
  • Set ALLOWED_ORIGIN on the worker to your site’s public origin — both your custom domain and the *.replit.app domain if you use both (comma-separated)
  • Replit serves static assets as-is; no build-step integration is needed