[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":29,"_30":12,"_31":12,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","69c36e116bc88191927837574d1c1a36","versionInt","title","Cloudflare Migration Cheat Sheet Webpage","type","code/react","content","export default function CloudflareMigrationCheatSheet() {\n const steps = [\n {\n title: 'Step 1 — Add Domain',\n body: 'Add your domain to Cloudflare and choose the Free plan. For most builders, this is enough to unlock production-grade DNS, SSL, and basic protection at zero cost.',\n code: ['Go to Cloudflare', 'Click Add a site', 'Enter your domain', 'Choose Free Plan'],\n },\n {\n title: 'Step 2 — Import DNS',\n body: 'Let Cloudflare scan your existing records, then verify the essentials before switching nameservers.',\n code: ['A @ → your server IP', 'CNAME www → root domain', 'MX mail records', 'TXT SPF / DKIM / DMARC'],\n },\n {\n title: 'Step 3 — Keep Internal Services DNS Only',\n body: 'Do not proxy service records that are meant for cPanel, mail, WHM, FTP, or similar internal tools.',\n code: ['cpanel', 'whm', 'mail', 'ftp', 'webmail'],\n },\n {\n title: 'Step 4 — Turn On Proxy for Public Web',\n body: 'Enable the orange cloud only for your public entry points so your website benefits from Cloudflare’s speed and protection.',\n code: ['A @ → Proxied', 'CNAME www → Proxied'],\n },\n {\n title: 'Step 5 — Update Nameservers',\n body: 'Replace your old nameservers at your registrar with the Cloudflare nameservers assigned to your zone.',\n code: ['ns1.cloudflare.com', 'ns2.cloudflare.com'],\n },\n {\n title: 'Step 6 — SSL Setup',\n body: 'After migration, set SSL/TLS mode to Full (strict) and enable Always Use HTTPS to keep traffic secure and consistent.',\n code: ['SSL/TLS: Full (strict)', 'Always Use HTTPS: ON'],\n },\n {\n title: 'Step 7 — Redirect www to root',\n body: 'Create a redirect so all www traffic goes to the root domain while preserving query strings for analytics and campaign tracking.',\n code: ['IF: https://www.yourdomain.com/*', 'THEN: https://yourdomain.com/${1}', 'Status: 301', 'Preserve query string: ON'],\n },\n {\n title: 'Step 8 — Add a Cache Rule',\n body: 'Cache the landing layer for speed, but avoid caching dynamic application paths such as APIs or dashboards.',\n code: ['Cache Everything', 'Edge TTL: 1 hour+', 'Exclude: /api/*', 'Exclude: /dashboard/*', 'Exclude: /admin/*'],\n },\n {\n title: 'Step 9 — Verify',\n body: 'Use terminal checks and browser tests to confirm nameservers, proxying, and redirects are all working as intended.',\n code: ['dig NS yourdomain.com', 'dig yourdomain.com', 'Test: www → root redirect'],\n },\n ];\n\n const benefits = [\n 'Global DNS and CDN on the free plan',\n 'Built-in HTTPS and easier certificate handling',\n 'Basic DDoS protection without extra cost',\n 'Traffic routing and redirect control',\n 'A cleaner separation between DNS and compute',\n ];\n\n const finalState = [\n 'Root domain → Proxied',\n 'www → Proxied + redirect to root',\n 'cPanel / mail / WHM / FTP → DNS only',\n 'SSL → Full (strict)',\n 'HTTPS redirect → Enabled',\n 'Landing pages → Cached',\n 'Apps / APIs → Dynamic, not cached',\n ];\n\n return (\n

\n\n

\n Premium Infrastructure Cheat Sheet\n

\n Cloudflare Migration\n \n 0 → Production\n \n

\n A premium single-page guide for moving a domain from traditional VPS or cPanel DNS to Cloudflare — safely, cleanly, and at zero cost on the free plan.\n

\n\n

\n \n \n \n

\n\n

\n \n \n

\n \n\n \n \n

\n \n {item}\n

\n \n

\n\n

Migration Steps

A clean sequence you can reuse domain by domain.

\n Best used one domain at a time\n

\n\n

\n {steps.map((step, i) => (\n

\n {i + 1}\n

{step.title}

{step.body}

Checklist

\n {step.code.map((line) => (\n

{line}

\n ))}\n

\n\n

\n \n \n

\n {finalState.map((item) => (\n

\n {item}\n

\n ))}\n

\n \n\n \n \n

Public Layer

yourdomain.com → landing

www → redirect to root

cdn → assets

Application Layer

app → frontend

api → backend

admin → internal tools

\n \n

\n\n

\n TM Insight\n

Cloudflare is not just a speed tool.

\n It is the moment you stop thinking like someone merely hosting a website and start thinking like someone designing a resilient system. That mindset shift matters long before scale arrives.\n

\n Worth migrating? Yes — especially at $0.\n

\n );\n}\n\nfunction Card({ children }) {\n return

{children}

;\n}\n\nfunction SectionTitle({ title, subtitle }) {\n return (\n

{title}

{subtitle}

\n );\n}\n\nfunction MetricCard({ label, value, sub }) {\n return (\n

{label}

{value}

{sub}

\n );\n}\n\nfunction DiagramCard({ title, lines, subtle }) {\n return (\n

{title}

\n {lines.map((line, idx) => (\n

\n {line}\n

\n ))}\n

{subtle}

\n );\n}\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","11235746490195997579","traceTime",1778601052171]