[{"data":1,"prerenderedAt":21861},["ShallowReactive",2],{"blog-\u002Fnetlify-drop-alternatives":3,"blog-all":681},{"id":4,"title":5,"alt":6,"author":7,"body":8,"date":664,"description":665,"extension":666,"icon":667,"image":6,"meta":668,"navigation":673,"path":674,"published":6,"seo":675,"stem":676,"tags":677,"__hash__":680},"blog\u002Fnetlify-drop-alternatives.md","Netlify Drop: Is It Free? Limits and 6 Alternatives",null,"Raj Mehta",{"type":9,"value":10,"toc":644},"minimark",[11,15,21,26,29,32,62,71,79,83,86,95,98,101,104,107,111,114,126,129,138,141,144,148,151,154,158,161,164,177,180,184,192,197,408,501,505,513,516,524,527,530,533,536,539,542,545,548,551,558,561,564,573,576,579,582,585,588,596,599,606,609,613,616,636,640],[12,13,14],"p",{},"Netlify Drop (app.netlify.com\u002Fdrop) publishes a dragged project folder or ZIP to a netlify.app URL with no account needed, but the link sits behind a temporary password until you claim it by signing up or logging in. It's free: a claimed project runs on Netlify's Free plan, which has 300 credits a month for deploys, bandwidth and requests, and when an account runs out, every project on it pauses until the next billing cycle (October 2026). If your site changes often, gets steady traffic or needs a password, one of the six alternatives below may fit better.",[12,16,17],{},[18,19,20],"em",{},"Updated October 20, 2026: Netlify Drop doesn't need an account, unclaimed drops do expire, GitHub Pages needs a public repo on GitHub Free, and Netlify's credit prices were out of date.",[22,23,25],"h2",{"id":24},"what-is-netlify-drop","What is Netlify Drop?",[12,27,28],{},"Netlify Drop is Netlify's drag-and-drop deploy page. You drop a project folder or a ZIP onto it, and Netlify publishes the files to a netlify.app address. No Git repo. No terminal.",[12,30,31],{},"How you use it comes down to one question: are you signed in?",[33,34,35,47,59],"ol",{},[36,37,38,39,46],"li",{},"Open ",[40,41,45],"a",{"href":42,"rel":43},"https:\u002F\u002Fapp.netlify.com\u002Fdrop",[44],"nofollow","app.netlify.com\u002Fdrop",".",[36,48,49,50,54,55,58],{},"Signed out? Drop the built output folder (",[51,52,53],"code",{},"dist",", ",[51,56,57],{},"build",", whatever your tool produces) or a ZIP of it. Signed in? Drop the source and Netlify builds it.",[36,60,61],{},"Copy the netlify.app URL. If you dropped signed out, claim it next, or visitors hit a password prompt.",[12,63,64,65,70],{},"The split exists because Netlify only runs a build when you're logged in. Signed in, it detects your framework and builds the project before publishing. Signed out, your files go live exactly as they are, so a Vite or Next.js source folder isn't a working site yet. Netlify's ",[40,66,69],{"href":67,"rel":68},"https:\u002F\u002Fwww.netlify.com\u002Fchangelog\u002F2026-07-27-netlify-drop-refresh\u002F",[44],"July 2026 Drop changelog"," says that if you drop a folder whose framework needs a build, it sends you to log in first.",[12,72,73,74,78],{},"If all you have is one page, I've covered other ways to ",[40,75,77],{"href":76},"\u002Fhost-html-file-online","host a single HTML file"," separately.",[22,80,82],{"id":81},"do-you-need-a-netlify-account-for-netlify-drop","Do you need a Netlify account for Netlify Drop?",[12,84,85],{},"No. Netlify Drop works signed out, but the link stays behind a temporary password until you claim it by signing up or logging in.",[12,87,88,89,94],{},"Until then, anyone you send the link to hits a password prompt. Claiming means logging in or signing up, and it moves the project into your Netlify team. Netlify's ",[40,90,93],{"href":91,"rel":92},"https:\u002F\u002Fwww.netlify.com\u002Fblog\u002Fthirteen-years-of-netlify-drop\u002F",[44],"post on the history of Drop"," sums up the deal: \"Claim the site if you want to keep it; otherwise, it expires on its own.\"",[12,96,97],{},"How long you get is the fuzzy part. Netlify doesn't publish a current deadline. Its post on Drop's history says that in January 2022 the team \"cut the claim window from 24 hours to one\" and capped anonymous sites at three per IP address. By early 2025, the post says, a retention policy \"suspended unclaimed sites, then deleted them a week later.\" Claim it right away. Treat claiming as the last step of the deploy, not homework for later.",[12,99,100],{},"If you just signed up to claim it, check the project's visibility. Netlify's pricing lists \"Private by default until you publish\" on Free, and the Drop quickstart says that after you claim, \"the outcome depends on your plan.\" So the link may not open for anyone else until you select Make public under Project configuration > General > Visitor access > Project visibility.",[12,102,103],{},"Once it's claimed, the project can take a custom domain and updates, and anything you drop while signed in gets built.",[12,105,106],{},"If a throwaway link with no signup is genuinely all you need, Tencent's EdgeOne Pages Drop says a link made without registering lasts 1 hour (pages.edgeone.ai, October 2026).",[22,108,110],{"id":109},"is-netlify-drop-free","Is Netlify Drop free?",[12,112,113],{},"Yes, Netlify Drop is free: dropping costs nothing, and a claimed project runs on Netlify's Free plan with 300 credits a month (netlify.com\u002Fpricing, October 2026). Everything draws from that one balance:",[115,116,117,120,123],"ul",{},[36,118,119],{},"A production deploy costs 15 credits.",[36,121,122],{},"Each GB of bandwidth costs 20 credits.",[36,124,125],{},"Every 10,000 web requests cost 2 credits.",[12,127,128],{},"Here's how fast that goes. Four production deploys (60 credits), 10 GB of bandwidth (200) and 200,000 requests (40) add up to exactly 300. That's the month.",[12,130,131,132,137],{},"Think of it as a shared health bar. Deploys, traffic and requests all chip away at it. When it hits zero, Netlify pauses every project on the account, not just the busy one, until the next billing cycle or an upgrade. Visitors to a paused project see \"Site not available,\" and a Free team can't buy extra credits or turn on auto recharge, per Netlify's ",[40,133,136],{"href":134,"rel":135},"https:\u002F\u002Fdocs.netlify.com\u002Fmanage\u002Faccounts-and-billing\u002Fbilling\u002Fresume-paused-projects\u002F",[44],"paused projects docs",". The same docs say \"all deploys will pause, including Deploy Previews and branch deploys,\" so you can't even push a fix until the cycle resets or you upgrade. The Free plan won't send you a surprise bill. It will take your sites offline, though, and that's the trade.",[12,139,140],{},"More credits cost money. Personal is $9 a month for 1,000 credits, and Pro is $20 a month for the whole team with 3,000 credits.",[12,142,143],{},"Custom domains are included on Free. Once you've claimed a drop, you can point your own domain at it without paying anything.",[22,145,147],{"id":146},"how-do-you-update-a-netlify-drop-site","How do you update a Netlify Drop site?",[12,149,150],{},"To update a Netlify Drop site, drag the updated project folder onto the drop area in the project dashboard, under Production deploys. Drop the whole folder again, not just the file you edited, because the new drop becomes the live version of the site.",[12,152,153],{},"That update goes straight to production, and each production deploy costs 15 credits. Twenty updates in a month use all 300 Free credits, with nothing left for visitors. If you're polishing a CS project every night before the deadline, batch your edits and drop once.",[22,155,157],{"id":156},"what-are-netlify-drops-limits","What are Netlify Drop's limits?",[12,159,160],{},"Netlify doesn't publish a hard size cap for Drop, but it says deploys under 50 MB work best and files over 10 MB may get a deploy stuck (October 2026). For anything bigger, it points you to the Netlify CLI.",[12,162,163],{},"It also asks for a reliable connection, since network hiccups can stall a deploy, and roughly four times your uncompressed project size in free memory. I write from a rotation of Austin coffee shops, and 50 MB over coffee-shop Wi-Fi is already a big ask.",[12,165,166,167,172,173,46],{},"Privacy is the other limit. A site password needs Netlify Pro, $20 a month, and a freshly claimed project may stay private to your team until you make it public. Our ",[40,168,171],{"href":169,"rel":170},"https:\u002F\u002Fhostsmith.net\u002Fuse-cases\u002Fnetlify-password-protection",[44],"Netlify password protection guide"," walks through Netlify's options, and there's a host-by-host look at how to ",[40,174,176],{"href":175},"\u002Fpassword-protect-website","password protect a static site",[12,178,179],{},"And the build rule still applies: no login, no build.",[22,181,183],{"id":182},"netlify-drop-alternatives-compared","Netlify Drop alternatives compared",[12,185,186,187,191],{},"Here's how six Netlify Drop alternatives line up on accounts, free limits and passwords. If you'd rather compare ",[40,188,190],{"href":189},"\u002Fdrag-and-drop-website-hosting","how many steps each drag-and-drop host takes to a first URL",", that's a separate walkthrough.",[12,193,194],{},[18,195,196],{},"Prices and limits checked October 2026",[198,199,200,228],"table",{},[201,202,203],"thead",{},[204,205,206,210,213,216,219,222,225],"tr",{},[207,208,209],"th",{},"Tool",[207,211,212],{},"Drag and drop in the browser",[207,214,215],{},"Account needed",[207,217,218],{},"Free plan",[207,220,221],{},"Custom domain on Free",[207,223,224],{},"Password protection (plan and price)",[207,226,227],{},"Paid from",[229,230,231,258,283,306,331,360,383],"tbody",{},[204,232,233,240,243,246,249,252,255],{},[234,235,236],"td",{},[237,238,239],"strong",{},"Netlify Drop",[234,241,242],{},"Yes: a project folder or ZIP",[234,244,245],{},"No; the link is behind a temporary password until you sign up or log in to claim it",[234,247,248],{},"300 credits\u002Fmo; every project pauses when they run out",[234,250,251],{},"Yes, after claiming",[234,253,254],{},"Pro, $20\u002Fmo for the team",[234,256,257],{},"Personal $9\u002Fmo (1,000 credits)",[204,259,260,265,268,271,274,277,280],{},[234,261,262],{},[237,263,264],{},"Vercel Drop",[234,266,267],{},"Yes: a file, folder or ZIP; each drop is a new project",[234,269,270],{},"Yes",[234,272,273],{},"Hobby: 100 deployments a day, 100 GB\u002Fmo, personal and non-commercial only",[234,275,276],{},"Yes; a client site needs Pro",[234,278,279],{},"Pro, plus $20\u002Fmo per protected project",[234,281,282],{},"Pro $20\u002Fmo per seat plus usage",[204,284,285,290,293,295,298,300,303],{},[234,286,287],{},[237,288,289],{},"Cloudflare Pages",[234,291,292],{},"Yes, under Workers & Pages: up to 1,000 files, 25 MiB each",[234,294,270],{},[234,296,297],{},"Free static asset requests; 500 Git builds\u002Fmo",[234,299,270],{},[234,301,302],{},"No shared password; Cloudflare Access email login (one-time PIN), free up to 50 users",[234,304,305],{},"Workers Paid from $5\u002Fmo per account, only needed for Worker scripts",[204,307,308,313,316,319,322,325,328],{},[234,309,310],{},[237,311,312],{},"tiiny.host",[234,314,315],{},"Browser upload: a file or ZIP",[234,317,318],{},"Yes, a free account",[234,320,321],{},"1 active project, 3 MB uploads (0.5 MB for PDFs), 5,000 visits and 5 GB",[234,323,324],{},"No, from Solo",[234,326,327],{},"Solo, $13\u002Fmo billed yearly",[234,329,330],{},"Tiny $5\u002Fmo billed yearly",[204,332,333,338,345,348,351,354,357],{},[234,334,335],{},[237,336,337],{},"Surge",[234,339,340,341,344],{},"No; CLI only (",[51,342,343],{},"npm install -g surge","), needs Node.js",[234,346,347],{},"Yes, set up from the CLI",[234,349,350],{},"\"Unlimited publishing\", custom domains, Basic SSL",[234,352,353],{},"Yes; HTTPS works on Free, forcing it is paid",[234,355,356],{},"Professional, $30\u002Fmo",[234,358,359],{},"Professional $30\u002Fmo",[204,361,362,367,370,372,375,377,380],{},[234,363,364],{},[237,365,366],{},"GitHub Pages",[234,368,369],{},"No drop zone, but files can be dragged into a repo in the browser (100 files at a time, 25 MiB each)",[234,371,270],{},[234,373,374],{},"Public repo only on GitHub Free; soft 100 GB\u002Fmo; 1 GB max site; no online business",[234,376,270],{},[234,378,379],{},"None",[234,381,382],{},"A paid GitHub plan, for a private repo",[204,384,385,391,394,396,399,402,405],{},[234,386,387,390],{},[237,388,389],{},"Hostsmith"," (ours)",[234,392,393],{},"Yes: a ZIP or a single file",[234,395,270],{},[234,397,398],{},"1 site, 5 MB storage, 5 GB\u002Fmo bandwidth, Hostsmith branding",[234,400,401],{},"No, Pro and up",[234,403,404],{},"Shared password or email whitelist, from Starter ($5\u002Fmo billed yearly, $9 monthly)",[234,406,407],{},"Starter $5\u002Fmo billed yearly ($9 monthly)",[12,409,410,411,54,416,54,421,54,424,429,430,433,434,54,439,429,443,448,449,54,454,54,459,429,464,469,470,475,476,429,481,486,487,429,491,475,496,46],{},"Sources: Netlify's ",[40,412,415],{"href":413,"rel":414},"https:\u002F\u002Fdocs.netlify.com\u002Fstart\u002Fquickstarts\u002Fnetlify-drop-quickstart\u002F",[44],"Drop quickstart",[40,417,420],{"href":418,"rel":419},"https:\u002F\u002Fwww.netlify.com\u002Fpricing\u002F",[44],"pricing",[40,422,93],{"href":91,"rel":423},[44],[40,425,428],{"href":426,"rel":427},"https:\u002F\u002Fdocs.netlify.com\u002Fmanage\u002Fsecurity\u002Fsecure-access-to-sites\u002Fproject-visibility\u002F",[44],"project visibility docs"," and ",[40,431,136],{"href":134,"rel":432},[44],"; Vercel's ",[40,435,438],{"href":436,"rel":437},"https:\u002F\u002Fvercel.com\u002Fkb\u002Fguide\u002Fvercel-drop-vs-netlify-drop",[44],"Drop guide",[40,440,420],{"href":441,"rel":442},"https:\u002F\u002Fvercel.com\u002Fpricing",[44],[40,444,447],{"href":445,"rel":446},"https:\u002F\u002Fvercel.com\u002Fdocs\u002Flimits",[44],"limits","; Cloudflare's ",[40,450,453],{"href":451,"rel":452},"https:\u002F\u002Fdevelopers.cloudflare.com\u002Fpages\u002F",[44],"Pages overview",[40,455,458],{"href":456,"rel":457},"https:\u002F\u002Fdevelopers.cloudflare.com\u002Fpages\u002Fget-started\u002Fdirect-upload\u002F",[44],"direct upload docs",[40,460,463],{"href":461,"rel":462},"https:\u002F\u002Fdevelopers.cloudflare.com\u002Fpages\u002Fplatform\u002Flimits\u002F",[44],"Pages limits",[40,465,468],{"href":466,"rel":467},"https:\u002F\u002Fwww.cloudflare.com\u002Fplans\u002Fzero-trust-services\u002F",[44],"Zero Trust pricing","; tiiny.host's ",[40,471,474],{"href":472,"rel":473},"https:\u002F\u002Ftiiny.host\u002Fcompare\u002F",[44],"comparison page","; ",[40,477,480],{"href":478,"rel":479},"https:\u002F\u002Fsurge.sh\u002Fpricing",[44],"Surge pricing",[40,482,485],{"href":483,"rel":484},"https:\u002F\u002Fsurge.sh\u002Fdocs\u002Fplatform\u002Fssl",[44],"SSL docs","; GitHub's ",[40,488,463],{"href":489,"rel":490},"https:\u002F\u002Fdocs.github.com\u002Fen\u002Fpages\u002Fgetting-started-with-github-pages\u002Fgithub-pages-limits",[44],[40,492,495],{"href":493,"rel":494},"https:\u002F\u002Fdocs.github.com\u002Fen\u002Frepositories\u002Fworking-with-files\u002Fmanaging-files\u002Fadding-a-file-to-a-repository",[44],"file upload docs",[40,497,500],{"href":498,"rel":499},"https:\u002F\u002Fhostsmith.net\u002F#pricing",[44],"Hostsmith pricing",[502,503,264],"h3",{"id":504},"vercel-drop",[12,506,507,508,512],{},"Vercel Drop (vercel.com\u002Fdrop) fits a framework project, say a Next.js or Vite app, that you want built and hosted in one go, as long as you don't mind signing in first. It's the most direct rival to Netlify's page, and Vercel even published its own ",[40,509,511],{"href":436,"rel":510},[44],"Vercel Drop vs Netlify Drop guide"," (updated September 2026).",[12,514,515],{},"Sign in, then drop a file, a folder or a ZIP. Vercel detects the framework and builds it. The free Hobby plan allows 100 deployments a day and 100 GB of bandwidth a month, for personal, non-commercial use only. Pro is $20 a month per seat plus usage, and a password costs another $20 a month per protected project.",[12,517,518,519,523],{},"The trade-off shows up on day two. Every drop creates a brand-new project, so you can't drag a new version over the old one. Updates go through Git or the Vercel CLI. And anything commercial, client work included, belongs on Pro. If it's Vercel's wider platform that's bugging you, I compared ",[40,520,522],{"href":521},"\u002Fvercel-alternatives","other Vercel alternatives"," too.",[502,525,289],{"id":526},"cloudflare-pages",[12,528,529],{},"Cloudflare Pages fits anyone who wants a $0 bill on their own domain and expects real traffic. You pay for that with a busier dashboard.",[12,531,532],{},"The drag-and-drop lives under Workers & Pages: create an application, then drag and drop your files. One upload takes up to 1,000 files, each up to 25 MiB. Unlike Vercel Drop, you can come back to the same project, select \"Create a new deployment\" and pick Production to upload a new version, and the project keeps its pages.dev address. A preview gets its own URL instead.",[12,534,535],{},"On Free, static asset requests are free, custom domains work, and there's no credit balance to babysit. Cloudflare's limits page lists 500 builds a month. It describes builds as what runs when you push to Git, and it doesn't say whether direct uploads count toward that 500.",[12,537,538],{},"Two things to know before you drop. First, Cloudflare's docs are blunt about it: \"If you choose Direct Upload, you cannot switch to Git integration later.\" Pick your workflow up front. Second, Cloudflare's Pages docs now steer new projects toward Workers, so Pages isn't where it sends newcomers anymore. Direct upload still works.",[12,540,541],{},"There's no shared password, either. The closest thing is Cloudflare Access, which emails visitors a one-time PIN. It's free for up to 50 users, and you set it up in the separate Zero Trust console. Reasonable for a client or two. A lot of setup for a class project.",[502,543,312],{"id":544},"tiinyhost",[12,546,547],{},"tiiny.host fits someone who wants one file online with no credit math and no claim step. You make a free account first, then upload, so there's no password-gated waiting period and no balance to watch.",[12,549,550],{},"tiiny.host's own comparison page lists the Free plan as 1 active project, uploads up to 3 MB (0.5 MB for PDFs), and 5,000 visits with 5 GB of bandwidth. Paid plans start with Tiny at $5 a month on yearly billing. Custom domains and password protection both start on Solo, at $13 a month on yearly billing.",[12,552,553,554,46],{},"The limits are the whole story here. Half a megabyte is a tight squeeze for a PDF with images, and one active project means one thing online at a time. The page doesn't say whether free sites expire, so check before you lean on a link for months. If the document is the point, there's more on how to ",[40,555,557],{"href":556},"\u002Fpdf-hosting-guide","host a PDF online",[502,559,337],{"id":560},"surge",[12,562,563],{},"Surge fits front-end developers who already have Node.js installed and would rather type a command than open a browser. There's no web upload at all.",[12,565,566,567,569,570,572],{},"Install it with ",[51,568,343],{},", run ",[51,571,560],{}," inside your project folder, and the first run sets up your Surge login right in the terminal. The Free plan lists \"unlimited publishing,\" custom domains and Basic SSL (surge.sh\u002Fpricing), and Surge's docs say custom domains get free managed certificates, provisioned automatically. HTTPS works on Free; forcing it is paid. The pricing page puts \"Force http to https\" on Professional, $30 a month, along with your own SSL certificate, password protection and unlimited projects.",[12,574,575],{},"It's not abandoned, either. The CLI is still shipping releases, and version 0.46.0 landed on npm on October 19, 2026.",[12,577,578],{},"The trade-off is who can use it. Without Node and a terminal, Surge is a non-starter. And if you need a password, that's the $30 plan or nothing.",[502,580,366],{"id":581},"github-pages",[12,583,584],{},"GitHub Pages fits a personal or open-source site whose code can live in a public repo. If your project is already on GitHub, it's probably the shortest path.",[12,586,587],{},"There's no drop zone, but files can be dragged into a repo in the browser: up to 100 files at a time, 25 MiB each (docs.github.com). Turn on Pages in the repo's settings and the site goes live at a github.io address. Custom domains are free, bandwidth has a soft limit of 100 GB a month, and a published site can be up to 1 GB.",[12,589,590,591,595],{},"Read the fine print on two points. On GitHub Free, GitHub's docs say \"the repository must be public,\" so a private repo needs a paid plan. And GitHub's terms bar running an online business on Pages. There's no password protection, either. For hosts that pick up where Pages stops, the ",[40,592,594],{"href":593},"\u002Fgithub-pages-alternatives","GitHub Pages alternatives"," roundup goes deeper.",[502,597,389],{"id":598},"hostsmith",[12,600,601,605],{},[40,602,389],{"href":603,"rel":604},"https:\u002F\u002Fhostsmith.net",[44]," (we build it, so factor that in) has the lowest price on this list for a built-in shared password on one site. From Starter, $5 a month on annual billing ($9 month to month), Private Sites puts a password in front of the site, or lets in only the email addresses you list. Elsewhere, a site password starts on tiiny.host's Solo at $13 a month billed yearly, on Netlify Pro at $20 for the whole team, and on Surge Professional at $30 (October 2026).",[12,607,608],{},"The same plans run public sites, too. Starter keeps one site on a hostsmith.link address, and Pro, $15 a month on annual billing ($21 month to month), covers 5 sites on your own domains, private or public. You drag in a ZIP of your folder, or a single HTML file, PDF or image. To update the site, drag in a fresh ZIP at the same URL. There's no charge per update: a new upload only has to fit the plan's storage, 50 MB on Starter and 5 MB on Free.",[22,610,612],{"id":611},"which-netlify-drop-alternative-should-you-pick","Which Netlify Drop alternative should you pick?",[12,614,615],{},"Most people searching for Netlify Drop should use it and claim the site straight away. Look elsewhere when you hit one of three walls: a password ($20 a month on Netlify Pro), frequent updates (15 credits each), or traffic that burns through 300 credits.",[115,617,618,624,630],{},[36,619,620,623],{},[237,621,622],{},"You need a password."," Hostsmith, from Starter at $5 a month on annual billing ($9 monthly), with a shared password or a list of approved emails. tiiny.host's Solo plan has one too, at $13 a month billed yearly. If visitors can sign in with an emailed PIN instead, Cloudflare Access is free for up to 50 users.",[36,625,626,629],{},[237,627,628],{},"You update often."," Cloudflare Pages takes each new upload into the same project, with no credits per deploy. Hostsmith doesn't charge per update either, and its Pro plan runs up to five public or private sites on your own domains.",[36,631,632,635],{},[237,633,634],{},"Your traffic burns through 300 credits."," Cloudflare Pages, where static asset requests are free.",[22,637,639],{"id":638},"frequently-asked-questions","Frequently Asked Questions",[641,642],"faq-section",{":qas":643},"[{\"q\":\"Is Netlify Drop good?\",\"a\":\"Yes, for a static site you need live now and will update rarely. It works without an account, takes a project folder or ZIP, and a claimed site runs on Netlify's Free plan with 300 credits a month. It's weaker for frequent updates, since each production deploy costs 15 credits, and for a private site, since a site password needs Netlify Pro at $20 a month (October 2026).\"},{\"q\":\"Is Netlify Drop safe?\",\"a\":\"For files you're happy to make public, yes. An unclaimed drop sits behind a temporary password, and Netlify serves sites over HTTPS. That password has a history. Netlify's post on Drop's history says that after a 2024 fraud wave in which most reported scam sites turned out to be drops, the team password-protected anonymous sites until someone claimed them. Once claimed, a drop is public to anyone with the URL unless your team keeps new projects private, and a shared password for outside visitors needs Netlify Pro. So don't drop anything you wouldn't want a stranger to read.\"},{\"q\":\"Can I password protect a Netlify Drop site?\",\"a\":\"Yes, on Netlify Pro, $20 a month for the team (October 2026). The Free and Personal plans don't include a site password. Hostsmith Private Sites (one password to share, or an email whitelist) start on Starter at $5 a month billed yearly ($9 monthly).\"},{\"q\":\"What is the best free alternative to Netlify Drop?\",\"a\":\"For most people it's Cloudflare Pages. Static asset requests are free, custom domains work on the Free plan, and the dashboard takes dragged files, with new versions uploaded to the same project. Decide on your workflow first, since a Direct Upload project can't switch to Git later. If your code can sit in a public repo and the site isn't a business, GitHub Pages is free too.\"},{\"q\":\"Do Netlify Drop sites expire?\",\"a\":\"Unclaimed ones do. Netlify's post on the history of Drop says \\\"Claim the site if you want to keep it; otherwise, it expires on its own.\\\" Claim yours right away.\"}]",{"title":645,"searchDepth":646,"depth":646,"links":647},"",2,[648,649,650,651,652,653,662,663],{"id":24,"depth":646,"text":25},{"id":81,"depth":646,"text":82},{"id":109,"depth":646,"text":110},{"id":146,"depth":646,"text":147},{"id":156,"depth":646,"text":157},{"id":182,"depth":646,"text":183,"children":654},[655,657,658,659,660,661],{"id":504,"depth":656,"text":264},3,{"id":526,"depth":656,"text":289},{"id":544,"depth":656,"text":312},{"id":560,"depth":656,"text":337},{"id":581,"depth":656,"text":366},{"id":598,"depth":656,"text":389},{"id":611,"depth":646,"text":612},{"id":638,"depth":646,"text":639},"2026-04-12","Drop a folder on Netlify Drop (app.netlify.com\u002Fdrop), no account needed, then claim it to lift the temporary password and keep it. Free on 300 credits a month.","md","mdi:rocket-launch-outline",{"excerpt":669},{"type":9,"value":670},[671],[12,672,14],{},true,"\u002Fnetlify-drop-alternatives",{"title":5,"description":665},"netlify-drop-alternatives",[239,264,678,679],"drag and drop hosting","static hosting","kC_rcU-Z0h8hWtLZsJsx8WjZOm1OGWYzIXWvD649xKY",[682,1600,2432,3265,3671,4308,5163,5983,6718,7684,8561,9389,10386,10988,11521,12047,13110,13574,14412,15067,16470,17336,18018,18317,18747,19451,19792,20141,20342,21357,21714],{"id":683,"title":684,"alt":6,"author":685,"body":686,"date":1584,"description":1585,"extension":666,"icon":1586,"image":6,"meta":1587,"navigation":673,"path":1592,"published":6,"seo":1593,"stem":1594,"tags":1595,"__hash__":1599},"blog\u002Fwebflow-workspace-plans.md","Webflow Freelancer & Agency Workspace Plans: Nov 16 Renewal","Dave Barton",{"type":9,"value":687,"toc":1565},[688,691,695,704,742,749,752,755,758,762,765,813,816,819,893,896,899,919,934,938,941,1033,1036,1097,1100,1109,1113,1116,1148,1160,1164,1167,1171,1180,1183,1208,1212,1215,1221,1225,1228,1254,1276,1280,1288,1291,1294,1302,1305,1333,1340,1344,1347,1350,1353,1479,1482,1493,1496,1534,1537,1541,1544,1548,1551,1555,1558,1562],[12,689,690],{},"Webflow hasn't changed its Freelancer or Agency Workspace prices: per webflow.com\u002Fpricing in October 2026, the Freelancer plan is still $16 a month and the Agency plan $35 a month on yearly billing. What changes is the Site plan under each client site in those Workspaces, which moves to Webflow's new prices at its first renewal or billable change on or after November 16, 2026, as does any site on legacy pricing from 2022 or earlier. Monthly billing takes the brunt of it; in the ten-site book I model below, almost 90% of the increase comes from monthly-billed sites, and switching those to yearly before November 16 keeps today's yearly price for one more year.",[22,692,694],{"id":693},"who-the-november-16-change-applies-to","Who the November 16 change applies to",[12,696,697,698,703],{},"The November 16 change is the last of three waves in Webflow's 2026 price increase, and the one aimed squarely at client sites in Freelancer and Agency Workspaces; Webflow's ",[40,699,702],{"href":700,"rel":701},"https:\u002F\u002Fhelp.webflow.com\u002Fhc\u002Fen-us\u002Farticles\u002F51059955082387-Updated-pricing-and-simplified-plans-for-May-2026",[44],"pricing FAQ"," sets out all three:",[198,705,706,716],{},[201,707,708],{},[204,709,710,713],{},[207,711,712],{},"Date",[207,714,715],{},"Who it applies to",[229,717,718,726,734],{},[204,719,720,723],{},[234,721,722],{},"May 13, 2026",[234,724,725],{},"New Site plan purchases",[204,727,728,731],{},[234,729,730],{},"June 29, 2026",[234,732,733],{},"Most existing sites, at their next renewal or billable change on or after this date",[204,735,736,739],{},[234,737,738],{},"November 16, 2026",[234,740,741],{},"Existing sites in Freelancer or Agency Workspaces, and sites on legacy discounts from 2022 or earlier, on the same basis",[12,743,744,745,748],{},"A ",[237,746,747],{},"billable change"," means one of two things: upgrading or downgrading the base Site plan, or switching between monthly and yearly billing. Make either on or after your date and the new price applies immediately.",[12,750,751],{},"Credit where it's due: Webflow gave freelancers and agencies four and a half extra months precisely to make room for those client conversations, and told the affected customers directly. It's a rolling change, too: monthly sites move within about a month of November 16, while a yearly site renewing in March 2027 keeps its price until then.",[12,753,754],{},"Two groups sit outside all this. Ecommerce plans weren't changed, and sites already living in a client's own Workspace (Webflow's free Starter Workspace, say) followed the June 29 timeline.",[12,756,757],{},"Sites on legacy pricing deserve a closer look. They may be paying less than the standard prices below, so their jump will be bigger; pull the actual invoice for each and talk to those clients first, as they're often your longest-serving ones.",[22,759,761],{"id":760},"what-the-webflow-freelancer-and-agency-workspace-plans-cost-and-what-does-change","What the Webflow Freelancer and Agency Workspace plans cost, and what does change",[12,763,764],{},"Webflow's Workspace plans aren't part of this change, so the Freelancer and Agency prices are the same either side of November 16:",[198,766,767,783],{},[201,768,769],{},[204,770,771,774,777,780],{},[207,772,773],{},"Workspace plan",[207,775,776],{},"Billed yearly",[207,778,779],{},"Billed monthly",[207,781,782],{},"What matters for client work",[229,784,785,799],{},[204,786,787,790,793,796],{},[234,788,789],{},"Freelancer",[234,791,792],{},"$16\u002Fmo",[234,794,795],{},"$24\u002Fmo",[234,797,798],{},"10 staging sites, code export, Client Payments, 1 free client seat per site",[204,800,801,804,807,810],{},[234,802,803],{},"Agency",[234,805,806],{},"$35\u002Fmo",[234,808,809],{},"$42\u002Fmo",[234,811,812],{},"Everything in Freelancer, plus unlimited staging sites and 3 free client seats per site",[12,814,815],{},"Agency earns its extra $19 a month on yearly billing when you need more than 10 staging sites, more than one client seat per site, or the controls Freelancer leaves out: site-level roles and publishing permissions, plus password protection and 301 redirects on unhosted staging sites (every paid Site plan has those two anyway). With the Legacy Editor retired on August 4, 2026 and extra client seats not currently on sale, a client with two people editing is a concrete reason for Agency, or for a transfer. Teams that own their own sites use Webflow's separate in-house track (Starter, Core and Growth) instead.",[12,817,818],{},"The change lands on the Webflow Site plan, which every live client site carries separately (prices per month):",[198,820,821,837],{},[201,822,823],{},[204,824,825,828,831,834],{},[207,826,827],{},"Site plan today",[207,829,830],{},"Yearly",[207,832,833],{},"Monthly",[207,835,836],{},"After renewal",[229,838,839,853,867,881],{},[204,840,841,844,847,850],{},[234,842,843],{},"Basic",[234,845,846],{},"$14",[234,848,849],{},"$18",[234,851,852],{},"Basic: $15 yearly, $25 monthly (static page limit 150 -> 300)",[204,854,855,858,861,864],{},[234,856,857],{},"CMS",[234,859,860],{},"$23",[234,862,863],{},"$29",[234,865,866],{},"Premium: $25 yearly, $39 monthly",[204,868,869,872,875,878],{},[234,870,871],{},"Business",[234,873,874],{},"$39",[234,876,877],{},"$49",[234,879,880],{},"Premium: $25 yearly, $39 monthly, bandwidth 100 GB -> 50 GB",[204,882,883,886,889,891],{},[234,884,885],{},"Ecommerce",[234,887,888],{},"Unchanged",[234,890,888],{},[234,892,888],{},[12,894,895],{},"Premium replaces both the old Webflow CMS plan and Business, with 20,000 CMS items and 40 collections. Business sites that used more than 50 GB in the past two billing months get bandwidth add-ons automatically; taking a site to 100 GB costs an extra $20 a month on yearly billing or $30 on monthly.",[12,897,898],{},"The pattern:",[115,900,901,907,913],{},[36,902,903,906],{},[237,904,905],{},"Yearly billing barely moves:"," +$1 a month for Basic and +$2 for CMS-to-Premium, so $12 to $24 a year per site.",[36,908,909,912],{},[237,910,911],{},"Monthly billing jumps:"," Basic +39%, CMS-to-Premium +34%.",[36,914,915,918],{},[237,916,917],{},"Business can go either way:"," cheaper under 50 GB ($39 to $25 on yearly billing), dearer above it once add-ons are counted; Option 1 has the details.",[12,920,921,922,927,928,933],{},"The full line-up is on ",[40,923,926],{"href":924,"rel":925},"https:\u002F\u002Fwebflow.com\u002Fpricing",[44],"webflow.com\u002Fpricing",", and the ",[40,929,932],{"href":930,"rel":931},"https:\u002F\u002Fwebflow.com\u002Fpricing\u002Fcalculator",[44],"Webflow pricing calculator"," gives the new number for any single site.",[22,935,937],{"id":936},"what-a-10-site-freelancer-book-costs-before-and-after","What a 10-site freelancer book costs before and after",[12,939,940],{},"For a typical small book, Site plans go from $204 to $258 a month once everything has renewed: +$54, about 26%, or $648 a year, and almost 90% of it comes from monthly billing. The illustrative book is ten small-business and nonprofit sites in a Freelancer Workspace, mostly brochure sites, on a mix of billing cycles because some clients baulked at paying a year upfront.",[198,942,943,965],{},[201,944,945],{},[204,946,947,950,953,956,959,962],{},[207,948,949],{},"Sites",[207,951,952],{},"Plan",[207,954,955],{},"Billing",[207,957,958],{},"Today, per site",[207,960,961],{},"After renewal, per site",[207,963,964],{},"Monthly change",[229,966,967,984,1001,1017],{},[204,968,969,972,974,976,978,981],{},[234,970,971],{},"4",[234,973,843],{},[234,975,833],{},[234,977,849],{},[234,979,980],{},"$25",[234,982,983],{},"+$28",[204,985,986,989,991,993,995,998],{},[234,987,988],{},"2",[234,990,843],{},[234,992,830],{},[234,994,846],{},[234,996,997],{},"$15",[234,999,1000],{},"+$2",[204,1002,1003,1005,1007,1009,1011,1014],{},[234,1004,988],{},[234,1006,857],{},[234,1008,833],{},[234,1010,863],{},[234,1012,1013],{},"$39 (Premium)",[234,1015,1016],{},"+$20",[204,1018,1019,1021,1023,1025,1027,1030],{},[234,1020,988],{},[234,1022,857],{},[234,1024,830],{},[234,1026,860],{},[234,1028,1029],{},"$25 (Premium)",[234,1031,1032],{},"+$4",[12,1034,1035],{},"With the $16 Freelancer Workspace on both sides it's $220 against $274. Of the $54, $48 comes from the six monthly-billed sites, so for a book like this the increase is mostly a penalty for monthly billing. Here's what each choice does to those six sites:",[198,1037,1038,1051],{},[201,1039,1040],{},[204,1041,1042,1045,1048],{},[207,1043,1044],{},"What you do with the six monthly sites",[207,1046,1047],{},"Per month",[207,1049,1050],{},"Over twelve months",[229,1052,1053,1064,1075,1086],{},[204,1054,1055,1058,1061],{},[234,1056,1057],{},"For comparison: what they cost today",[234,1059,1060],{},"$130",[234,1062,1063],{},"$1,560",[204,1065,1066,1069,1072],{},[234,1067,1068],{},"Nothing (they renew at the new monthly prices)",[234,1070,1071],{},"$178",[234,1073,1074],{},"$2,136",[204,1076,1077,1080,1083],{},[234,1078,1079],{},"Switch to yearly on or after November 16",[234,1081,1082],{},"$110",[234,1084,1085],{},"$1,320",[204,1087,1088,1091,1094],{},[234,1089,1090],{},"Switch to yearly before November 16 (the lock-in)",[234,1092,1093],{},"$102",[234,1095,1096],{},"$1,224",[12,1098,1099],{},"The lock-in is worth $8 a month here, about $96 a year, and only for one year. The real money is in leaving monthly billing: $68 a month, or $816 a year, whichever side of November 16 you do it, so a client who can't approve a yearly payment by the deadline can still switch in December and keep most of the saving.",[12,1101,1102,1103,1108],{},"Then there's who absorbs the difference. If clients pay you a flat fee that includes hosting, the $54 comes out of your margin unless you talk to them. I'd stop carrying the hosting altogether: the client pays the platform directly, and you charge for your time. One of the top replies in ",[40,1104,1107],{"href":1105,"rel":1106},"https:\u002F\u002Fwww.reddit.com\u002Fr\u002Fwebflow\u002Fcomments\u002F1v8zc6u\u002F",[44],"an r\u002Fwebflow thread on the new pricing"," says much the same: \"Client pays for hosting direct to Webflow, pays me for creation and editing.\" Options 2 and 4 both get you there.",[22,1110,1112],{"id":1111},"option-1-switch-monthly-sites-to-yearly-before-november-16","Option 1: Switch monthly sites to yearly before November 16",[12,1114,1115],{},"This is Webflow's own offer, and for most monthly sites it's the best deal going. Switch a monthly-billed site to yearly billing before the changes take effect for your account, and it stays on its current plan at today's yearly price for one more year, then renews at the new yearly price. The switch lives under Site settings > Plans for each site.",[115,1117,1118,1124,1130,1136,1142],{},[36,1119,1120,1123],{},[237,1121,1122],{},"Monthly sites only."," A site already on yearly billing has nothing to switch.",[36,1125,1126,1129],{},[237,1127,1128],{},"Decide what's going static first."," Yearly plans aren't refundable (Webflow's FAQ says you can cancel but still pay for the rest of the term), so pick your Option 4 candidates before locking in, and lock in only sites staying on Webflow for at least a year.",[36,1131,1132,1135],{},[237,1133,1134],{},"The window closes on November 16."," From that date the switch is itself a billable change and puts the site on the new pricing, which is still worth doing: Basic costs $15 a month on yearly billing against $25 on monthly.",[36,1137,1138,1141],{},[237,1139,1140],{},"Someone pays a year upfront."," That's $1,224 for the six sites in the example. For a small charity, approving $168 in one go can be harder than $18 a month, even though it works out cheaper.",[36,1143,1144,1147],{},[237,1145,1146],{},"Business sites depend on bandwidth."," Under 50 GB, wait: switched to yearly on or after November 16, a monthly Business site lands on Premium at $25, which beats locking in Business at $39. On 50 to 100 GB, lock in: a monthly site on 60 GB would otherwise renew at $69 (Premium monthly at $39 plus the $30 add-on), or $45 if switched after the 16th, while locked in it stays on Business at $39 with 100 GB for a year. Over 100 GB, run the calculator; Webflow's own example has a yearly Business site on 150 GB going from $59 to $65.",[12,1149,1150,1153,1154,1159],{},[237,1151,1152],{},"Charity clients:"," Webflow's ",[40,1155,1158],{"href":1156,"rel":1157},"https:\u002F\u002Fhelp.webflow.com\u002Fhc\u002Fen-us\u002Farticles\u002F33961230168467-Nonprofit-Organization-NPO-discount",[44],"nonprofit discount"," is narrower than it sounds: 50% off one new Premium Site plan billed yearly, for 12 months, and one discount per Workspace per 12 months. It's for new plans only, so an existing client site on Basic or CMS probably won't qualify.",[22,1161,1163],{"id":1162},"option-2-hand-the-bill-or-the-site-to-the-client","Option 2: Hand the bill or the site to the client",[12,1165,1166],{},"If you'd rather stop fronting the money, Webflow gives you two tidy ways to do it.",[502,1168,1170],{"id":1169},"webflow-client-payments","Webflow Client Payments",[12,1172,1173,1174,1179],{},"Client Payments lets the client pay Webflow directly for the Site plan and add-ons with their own card, while the site stays in your Workspace and you keep full design access. You pick \"Charge to client\" in the site's plan settings and enter their email (",[40,1175,1178],{"href":1176,"rel":1177},"https:\u002F\u002Fhelp.webflow.com\u002Fhc\u002Fen-us\u002Farticles\u002F35335039878035-Client-payments",[44],"Webflow's Client Payments guide"," has the steps); they accept, sign in and add a card. There's no fee, no downtime and no effect on custom domains or indexing, and any time you'd already paid for comes back as a prorated credit towards future purchases in your Workspace.",[12,1181,1182],{},"It's the same price with a different payer, which means no more explaining a markup. The limits:",[115,1184,1185,1191,1202],{},[36,1186,1187,1190],{},[237,1188,1189],{},"One client per site",", and at most ten pending payment requests per Workspace, so send invites in batches.",[36,1192,1193,1153,1196,1201],{},[237,1194,1195],{},"Paying doesn't confer ownership.",[40,1197,1200],{"href":1198,"rel":1199},"https:\u002F\u002Fhelp.webflow.com\u002Fhc\u002Fen-us\u002Farticles\u002F46084277246483-Site-ownership",[44],"help centre is clear"," that a site in your Workspace belongs to your Workspace, whoever manages the billing. If a client assumes otherwise, put it in writing or look at a transfer.",[36,1203,1204,1207],{},[237,1205,1206],{},"The price still changes at renewal."," Webflow ties the November 16 date to the Workspace a site sits in, and its published material says nothing about who pays.",[502,1209,1211],{"id":1210},"transferring-a-webflow-site-to-the-clients-workspace","Transferring a Webflow site to the client's Workspace",[12,1213,1214],{},"A transfer is the cleaner break. A site with an active Site plan moves into the client's own Workspace with its plan and custom domains intact and no downtime, and Webflow's free Starter Workspace can hold paid sites, so the client needs no paid Workspace plan. To keep working on it you join as a guest, and free guest access in client Workspaces comes with Freelancer and Agency, one reason that plan stays on your books whatever you decide.",[12,1216,1217,1220],{},[237,1218,1219],{},"The open question:"," sites in a client's own Workspace come under the June 29 rule, so would a site transferred before November 16 move to the new prices at its next renewal, even if that falls before the 16th? Webflow hasn't said anywhere I could find, so ask Webflow support, in writing, before you transfer anything.",[22,1222,1224],{"id":1223},"option-3-stay-put-often-the-right-call","Option 3: Stay put (often the right call)",[12,1226,1227],{},"None of this means rushing clients off Webflow. Staying is the sensible call when:",[115,1229,1230,1236,1242,1248],{},[36,1231,1232,1235],{},[237,1233,1234],{},"The client is CMS-heavy."," Premium's 20,000 items and 40 collections at $25 a month on yearly billing is good value.",[36,1237,1238,1241],{},[237,1239,1240],{},"The client edits the site themselves"," through a client seat, which is much of what they're paying for.",[36,1243,1244,1247],{},[237,1245,1246],{},"The site uses Ecommerce, Webflow Localization or site search",", none of which survive a code export.",[36,1249,1250,1253],{},[237,1251,1252],{},"The site is billed yearly"," and the increase is $12 to $24 a year, less than a migration would cost you in time.",[12,1255,1256,1257,54,1261,1265,1266,1270,1271,1275],{},"For a bigger move, see my comparison of ",[40,1258,1260],{"href":1259},"\u002Fwebflow-alternatives","Webflow alternatives",[40,1262,1264],{"href":1263},"\u002Fframer-vs-webflow","Framer vs Webflow"," if a rebuild comes up, ",[40,1267,1269],{"href":1268},"\u002Fwix-vs-webflow","Wix vs Webflow"," for the online shops, or ",[40,1272,1274],{"href":1273},"\u002Fwebflow-vs-wordpress","Webflow vs WordPress"," for the CMS-heavy ones.",[22,1277,1279],{"id":1278},"option-4-move-small-brochure-sites-to-static-hosting-the-client-pays-for","Option 4: Move small brochure sites to static hosting the client pays for",[12,1281,1282,1283,1287],{},"This one is for the smallest sites in the book: the five-page site for a local physio or community group, edited twice since launch and sitting on Basic. A good candidate has no CMS, changes rarely, has a contact form that can move to Formspree or Basin, and doesn't need Ecommerce, Localization or site search. Code export comes with your Workspace plan, and ",[40,1284,1286],{"href":1285},"\u002Fexport-code-from-webflow","how to export code from Webflow"," covers the steps and what stays behind.",[12,1289,1290],{},"The arrangement that keeps everyone straight: the client opens their own account with a static host and owns it (and the bill, where there is one), and you charge for changes and maintenance. The trade-off is that the client loses visual editing, so every change comes back to you, which for a site edited twice a year makes a small and perfectly reasonable retainer. The simplest publishing routine I've seen work is a fresh export that you send over and the client drags in, with a screen-share the first time.",[12,1292,1293],{},"Two things to sort out before you cancel anything. Point the form at Formspree or Basin inside Webflow: in the form's Settings panel, remove the default Webflow and Email notifications destinations (a Custom action can't be combined with them), add a Custom action under Send to with the endpoint URL, and set the method to POST, so it carries through every fresh export; hand-edit the exported HTML instead and every re-export ships a broken contact form. And a site whose Site plan you cancel stays in your Workspace as an unhosted staging site, which counts against Freelancer's 10 staging sites (sites on a paid Site plan don't), so keeping several static clients' sites there for re-exports uses up those slots, and that's what can push a busy freelancer onto Agency.",[12,1295,1296,1297,1301],{},"For a five-page site, Cloudflare Pages and Netlify both cost the client $0 a month within their free plans' limits, and both take an uploaded folder without git. One difference a business should know about: Netlify's credit-based free plan pauses every project on the account once the month's credits run out, with no overage option, which a five-page site rarely gets near, while Cloudflare Pages has no such cap on static traffic. I'd skip Vercel, whose Hobby tier is for personal, non-commercial use (a business needs Pro at $20 a month per seat plus usage, which saves little or nothing over Webflow Basic), and GitHub Pages, which expects a git workflow. The ",[40,1298,1300],{"href":1299},"\u002Fwebflow-hosting-alternatives","Webflow hosting alternatives"," guide compares the wider field.",[12,1303,1304],{},"Hostsmith is the other option (this is its blog, so weigh that accordingly). A client site on its own domain needs Hostsmith Pro, at $15 a month billed yearly or $21 monthly, as Hostsmith's Starter plan doesn't take custom domains. That matches Webflow Basic on yearly billing, so it saves nothing there and Cloudflare Pages costs less still; and, having called Webflow's monthly prices a penalty, I should say Hostsmith charges more for monthly billing too, though $21 is still $4 under Basic monthly. Where I reckon it earns its place is with three kinds of client:",[115,1306,1307,1317,1327],{},[36,1308,1309,1312,1313,1316],{},[237,1310,1311],{},"A client who wants a dashboard they can find their way round."," Cloudflare's is a full DNS and security console, which is a lot to hand a physio, while Hostsmith's is built around sites and domains and publishing a re-export means ",[40,1314,1315],{"href":189},"dragging the folder or ZIP in",". In my experience a client who's comfortable in their own dashboard is one who actually does the publishing, and that's what the extra money buys over Cloudflare's $0.",[36,1318,1319,1322,1323,1326],{},[237,1320,1321],{},"A client who wants to compare the exported copy with the still-live Webflow site before you cancel the Site plan."," Private Sites can ",[40,1324,1325],{"href":175},"password-protect that preview"," or limit it to an email whitelist on its hostsmith.link address, in the client's own account.",[36,1328,1329,1332],{},[237,1330,1331],{},"A charity with a main site plus a few campaign microsites",", which fit Pro's 5 sites and 5 custom domains.",[12,1334,1335,1336,46],{},"Current prices are on ",[40,1337,1339],{"href":498,"rel":1338},[44],"hostsmith.net",[22,1341,1343],{"id":1342},"what-to-tell-your-clients-before-november-16","What to tell your clients before November 16",[12,1345,1346],{},"For a typical book, the job this week is short: list the monthly Basic and CMS sites, pick the two or three that are going static, and get yearly approval for the rest, since that's where most of the increase sits.",[12,1348,1349],{},"Then write to clients early. A good few years of my Java stint went on invoicing code for a utility company, and the lesson that outlived the codebase is that customers forgive a price rise far more readily than a surprise on the bill, which is why I'd send these emails in October while there's still a cheaper option to offer.",[12,1351,1352],{},"A verdict for each kind of site:",[198,1354,1355,1368],{},[201,1356,1357],{},[204,1358,1359,1362,1365],{},[207,1360,1361],{},"Site type",[207,1363,1364],{},"At renewal",[207,1366,1367],{},"What I'd recommend",[229,1369,1370,1381,1392,1403,1414,1425,1436,1447,1458,1468],{},[204,1371,1372,1375,1378],{},[234,1373,1374],{},"Basic, monthly",[234,1376,1377],{},"$18 -> $25",[234,1379,1380],{},"Switch to yearly before November 16, or go static if it rarely changes",[204,1382,1383,1386,1389],{},[234,1384,1385],{},"Basic, yearly",[234,1387,1388],{},"$14 -> $15",[234,1390,1391],{},"Leave it; that's $12 a year",[204,1393,1394,1397,1400],{},[234,1395,1396],{},"CMS, monthly",[234,1398,1399],{},"$29 -> $39 (Premium)",[234,1401,1402],{},"Switch to yearly before November 16",[204,1404,1405,1408,1411],{},[234,1406,1407],{},"CMS, yearly",[234,1409,1410],{},"$23 -> $25 (Premium)",[234,1412,1413],{},"Stay; +$2 a month and far more CMS room",[204,1415,1416,1419,1422],{},[234,1417,1418],{},"Business, under 50 GB",[234,1420,1421],{},"Yearly $39 -> $25, monthly $49 -> $39 (Premium)",[234,1423,1424],{},"Let yearly ones renew; switch monthly ones to yearly on or after November 16",[204,1426,1427,1430,1433],{},[234,1428,1429],{},"Business, 50-100 GB",[234,1431,1432],{},"Yearly $39 -> $45, monthly $49 -> $69 (Premium + add-on)",[234,1434,1435],{},"Lock monthly ones into yearly before November 16 (Business at $39 for a year); budget $45 for yearly ones",[204,1437,1438,1441,1444],{},[234,1439,1440],{},"Business, over 100 GB",[234,1442,1443],{},"Depends on the add-on",[234,1445,1446],{},"Run the calculator with real bandwidth figures",[204,1448,1449,1452,1455],{},[234,1450,1451],{},"Legacy pricing (2022 or earlier)",[234,1453,1454],{},"A bigger jump than above",[234,1456,1457],{},"Check the actual invoice and talk to these clients first",[204,1459,1460,1462,1465],{},[234,1461,885],{},[234,1463,1464],{},"No change",[234,1466,1467],{},"Nothing to do",[204,1469,1470,1473,1476],{},[234,1471,1472],{},"Client wants to own the bill",[234,1474,1475],{},"Same price",[234,1477,1478],{},"Client Payments, or a transfer if they want ownership too",[12,1480,1481],{},"For the most common case, a monthly Basic site, something like this works:",[1483,1484,1485],"blockquote",{},[12,1486,1487,1488,1492],{},"Hi ",[1489,1490,1491],"span",{},"name",", Webflow is updating its prices, and your website's plan moves to the new price at its first renewal on or after November 16, going from $18 to $25 a month on monthly billing. If we switch to yearly billing before November 16, you keep today's yearly rate of $14 a month for another twelve months, which is $168 paid upfront and non-refundable, and after that it renews at $15 a month. Shall I make the switch, or would you like a quick call about the options first?",[12,1494,1495],{},"And a rough timetable:",[115,1497,1498,1504,1510,1516,1522,1528],{},[36,1499,1500,1503],{},[237,1501,1502],{},"This week:"," list every site with its plan, billing cycle, renewal date and, for Business sites, recent bandwidth; pull the actual invoice for anything on legacy pricing.",[36,1505,1506,1509],{},[237,1507,1508],{},"Before locking anything in:"," pick the sites going static, since a yearly plan can't be refunded.",[36,1511,1512,1515],{},[237,1513,1514],{},"By the end of October:"," decide per site and send the emails, giving clients a fortnight to approve a yearly payment.",[36,1517,1518,1521],{},[237,1519,1520],{},"Before November 16:"," switch approved monthly Basic and CMS sites, and monthly Business sites on 50 to 100 GB, to yearly; send any Client Payments invites.",[36,1523,1524,1527],{},[237,1525,1526],{},"On or after November 16:"," move monthly Business sites under 50 GB to yearly, landing them on Premium at $25.",[36,1529,1530,1533],{},[237,1531,1532],{},"Before each site's next renewal:"," move the brochure sites you're taking static.",[22,1535,1536],{"id":638},"Frequently asked questions",[502,1538,1540],{"id":1539},"how-much-does-webflow-cost-for-a-freelancer-or-agency","How much does Webflow cost for a freelancer or agency?",[12,1542,1543],{},"The Webflow Freelancer plan costs $16 a month billed yearly or $24 monthly, and the Agency plan $35 yearly or $42 monthly, per webflow.com\u002Fpricing in October 2026; neither changed in the 2026 update. On top of that you pay one Site plan per live client site: $220 a month in total for the ten-site example today, and $274 after renewal if nobody touches the billing.",[502,1545,1547],{"id":1546},"what-is-the-difference-between-a-webflow-site-plan-and-a-workspace-plan","What is the difference between a Webflow Site plan and a Workspace plan?",[12,1549,1550],{},"The Workspace plan covers you and your team: seats, staging sites, code export, client seats and Client Payments. A Site plan covers one published site's custom domain, bandwidth, pages and CMS, and it's the part that changes on November 16.",[502,1552,1554],{"id":1553},"can-i-keep-my-old-webflow-pricing","Can I keep my old Webflow pricing?",[12,1556,1557],{},"For one more yearly term at most. A monthly-billed site switched to yearly billing before November 16 keeps today's yearly price for one more year, and a yearly site that renews before November 16 renews at today's price for another full year; beyond that there's no grandfathering. Webflow's nonprofit discount won't help most existing charity sites either, as it only applies to a new Premium plan billed yearly (see Option 1).",[502,1559,1561],{"id":1560},"is-webflow-still-worth-it-for-agencies","Is Webflow still worth it for agencies?",[12,1563,1564],{},"For CMS-driven sites, client-edited sites and Ecommerce, I reckon it is; Premium at $25 a month on yearly billing is a fair price for 20,000 CMS items, and Client Payments and clean transfers make the client side tidier than it's ever been. The small static brochure site on monthly billing is harder to justify, and that's exactly where the November increase bites hardest.",{"title":645,"searchDepth":646,"depth":646,"links":1566},[1567,1568,1569,1570,1571,1575,1576,1577,1578],{"id":693,"depth":646,"text":694},{"id":760,"depth":646,"text":761},{"id":936,"depth":646,"text":937},{"id":1111,"depth":646,"text":1112},{"id":1162,"depth":646,"text":1163,"children":1572},[1573,1574],{"id":1169,"depth":656,"text":1170},{"id":1210,"depth":656,"text":1211},{"id":1223,"depth":646,"text":1224},{"id":1278,"depth":646,"text":1279},{"id":1342,"depth":646,"text":1343},{"id":638,"depth":646,"text":1536,"children":1579},[1580,1581,1582,1583],{"id":1539,"depth":656,"text":1540},{"id":1546,"depth":656,"text":1547},{"id":1553,"depth":656,"text":1554},{"id":1560,"depth":656,"text":1561},"2026-10-05","Webflow Freelancer ($16\u002Fmo yearly) and Agency ($35\u002Fmo yearly) Workspace plans stay put, but client sites renew at new prices from Nov 16. Go yearly first.","simple-icons:webflow",{"excerpt":1588},{"type":9,"value":1589},[1590],[12,1591,690],{},"\u002Fwebflow-workspace-plans",{"title":684,"description":1585},"webflow-workspace-plans",[1596,1597,1598],"Webflow","Pricing","Hosting","YPXoSJXC6xuLd95QANzYLd7mZkpCYirPcplDKqGI2L0",{"id":1601,"title":1602,"alt":6,"author":685,"body":1603,"date":2419,"description":2420,"extension":666,"icon":2421,"image":6,"meta":2422,"navigation":673,"path":1268,"published":6,"seo":2427,"stem":2428,"tags":2429,"__hash__":2431},"blog\u002Fwix-vs-webflow.md","Wix vs Webflow (2026): Pricing, Ecommerce and Code Export",{"type":9,"value":1604,"toc":2406},[1605,1608,1611,1615,1732,1735,1742,1746,1749,1754,1870,1873,1878,1892,1898,1912,1917,1937,1943,1957,1960,1967,1973,1978,1986,1989,1993,1996,1999,2002,2005,2019,2023,2030,2033,2036,2040,2043,2049,2066,2071,2085,2092,2096,2102,2108,2119,2122,2136,2140,2143,2146,2151,2156,2165,2168,2172,2179,2184,2187,2191,2194,2199,2208,2211,2290,2301,2305,2308,2314,2320,2329,2335,2341,2347,2353,2355,2360,2363,2368,2371,2376,2379,2384,2387,2392,2395,2400,2403],[12,1606,1607],{},"Wix suits beginners, local businesses and multichannel shops. Webflow suits designers, agencies and anyone who wants the option to leave, because it's the only one of the two that exports your static pages as code (on a paid Workspace plan). The Wix vs Webflow question comes up more than any other when friends with small businesses ask me about websites, and after the best part of thirty years building them, I've learnt the answer is never \"the better one\"; it's the one that matches the next three years of your life.",[12,1609,1610],{},"What follows is a head-to-head for 2026, with the bits the comparison posts skip. Mainly: what happens when you want to leave.",[22,1612,1614],{"id":1613},"tldr-wix-vs-webflow-at-a-glance","TL;DR - Wix vs Webflow at a glance",[198,1616,1617,1632],{},[201,1618,1619],{},[204,1620,1621,1623,1628],{},[207,1622],{},[207,1624,1625],{},[237,1626,1627],{},"Wix",[207,1629,1630],{},[237,1631,1596],{},[229,1633,1634,1645,1656,1666,1677,1688,1699,1710,1721],{},[204,1635,1636,1639,1642],{},[234,1637,1638],{},"Best for",[234,1640,1641],{},"Beginners, local businesses, multichannel ecommerce",[234,1643,1644],{},"Designers, agencies, brands that want portability",[204,1646,1647,1650,1653],{},[234,1648,1649],{},"Starting paid plan",[234,1651,1652],{},"Light: $17\u002Fmo billed yearly, $24 monthly",[234,1654,1655],{},"Basic: $15\u002Fmo billed yearly, $25 monthly (no CMS)",[204,1657,1658,1660,1663],{},[234,1659,218],{},[234,1661,1662],{},"Yes, with Wix branding and a wixsite.com URL",[234,1664,1665],{},"Yes, on a webflow.io subdomain",[204,1667,1668,1671,1674],{},[234,1669,1670],{},"Ecommerce transaction fee",[234,1672,1673],{},"0% platform fee on Core and up; Light can't take payments",[234,1675,1676],{},"2% on Standard, 0% on Plus\u002FAdvanced",[204,1678,1679,1682,1685],{},[234,1680,1681],{},"Code export",[234,1683,1684],{},"No code export; CMS and store data as CSV only",[234,1686,1687],{},"HTML\u002FCSS\u002FJS on a paid Workspace plan; CMS pages don't export",[204,1689,1690,1693,1696],{},[234,1691,1692],{},"CMS ceiling",[234,1694,1695],{},"1,500 items on Light, 20,000 on Business, 10 million on Business Elite (blog posts don't count)",[234,1697,1698],{},"20,000 items on Premium",[204,1700,1701,1704,1707],{},[234,1702,1703],{},"Core Web Vitals pass rate, mobile (HTTP Archive, September 2026)",[234,1705,1706],{},"81% of measured sites",[234,1708,1709],{},"71% of measured sites",[204,1711,1712,1715,1718],{},[234,1713,1714],{},"Learning curve",[234,1716,1717],{},"Drag, drop, ship",[234,1719,1720],{},"First week is rough if you've never used CSS",[204,1722,1723,1726,1729],{},[234,1724,1725],{},"Template switching",[234,1727,1728],{},"Locked once chosen",[234,1730,1731],{},"Open, classes-based",[12,1733,1734],{},"Prices and limits checked October 2026.",[12,1736,1737,1738,1741],{},"If you're also weighing up something more designer-flavoured, my ",[40,1739,1740],{"href":1263},"Framer vs Webflow comparison"," covers the third option in this race.",[22,1743,1745],{"id":1744},"wix-vs-webflow-pricing-in-2026-with-the-hidden-costs","Wix vs Webflow pricing in 2026 (with the hidden costs)",[12,1747,1748],{},"As of 14 October 2026, on yearly billing, Wix starts at $17 a month (Light) and Webflow at $15 (Basic, which has no CMS). A blog or CMS site is $25 a month on Webflow Premium against $17 on Wix Light, and a first online store is $29 on both (Wix Core, Webflow Ecommerce Standard), though Webflow's Standard plan keeps 2% of every sale.",[12,1750,1751],{},[18,1752,1753],{},"Wix vs Webflow pricing, checked 14 October 2026. US dollars per month, yearly \u002F monthly billing. Taxes extra. Webflow from webflow.com\u002Fpricing; Wix US list prices from 2026 price trackers, as wix.com shows local prices outside the US.",[198,1755,1756,1770],{},[201,1757,1758],{},[204,1759,1760,1763,1765,1767],{},[207,1761,1762],{},"What you're building",[207,1764,1627],{},[207,1766,1596],{},[207,1768,1769],{},"The difference that matters",[229,1771,1772,1786,1800,1814,1828,1842,1856],{},[204,1773,1774,1777,1780,1783],{},[234,1775,1776],{},"Free site",[234,1778,1779],{},"Free: wixsite.com address, Wix ads, 1,000 CMS items",[234,1781,1782],{},"Starter: webflow.io address, 2 static pages, 1 GB bandwidth, 50 CMS items",[234,1784,1785],{},"No custom domain on either",[204,1787,1788,1791,1794,1797],{},[234,1789,1790],{},"Simple site on your own domain",[234,1792,1793],{},"Light: $17 \u002F $24",[234,1795,1796],{},"Basic: $15 \u002F $25, no CMS, 300 static pages, 10 GB bandwidth",[234,1798,1799],{},"About level, but only Light has a CMS",[204,1801,1802,1805,1808,1811],{},[234,1803,1804],{},"Blog or CMS site",[234,1806,1807],{},"Light: $17 \u002F $24, 1,500 CMS items (blog posts don't count)",[234,1809,1810],{},"Premium: $25 \u002F $39, 20,000 CMS items, 50 GB bandwidth (+50 GB for $20 \u002F $30)",[234,1812,1813],{},"Wix is $8 a month cheaper yearly; Webflow's CMS goes much further",[204,1815,1816,1819,1822,1825],{},[234,1817,1818],{},"First online store",[234,1820,1821],{},"Core: $29 \u002F $36, 0% platform fee",[234,1823,1824],{},"Ecommerce Standard: $29 \u002F $42, 2% fee, 500 items (products, variants and categories)",[234,1826,1827],{},"Same yearly price, but Webflow keeps 2% of sales",[204,1829,1830,1833,1836,1839],{},[234,1831,1832],{},"Growing store",[234,1834,1835],{},"Business: $39 \u002F $46, 0% fee",[234,1837,1838],{},"Ecommerce Plus: $74 \u002F $84, 0% fee, 5,000 items",[234,1840,1841],{},"Webflow's 0% tier costs $35 a month more than Wix Business, yearly",[204,1843,1844,1847,1850,1853],{},[234,1845,1846],{},"Top tier",[234,1848,1849],{},"Business Elite: $159 \u002F $172, 0% fee",[234,1851,1852],{},"Ecommerce Advanced: $212 \u002F $235, 0% fee, 15,000 items",[234,1854,1855],{},"Wix is $53 a month cheaper yearly",[204,1857,1858,1861,1864,1867],{},[234,1859,1860],{},"Freelancer or agency client sites",[234,1862,1863],{},"A Wix Studio plan per site, $19 (Basic) to $159 (Elite) billed yearly; monthly costs more",[234,1865,1866],{},"A Workspace plan (Freelancer $16 \u002F $24, Agency $35 \u002F $42) plus a Site plan per client site",[234,1868,1869],{},"Webflow bills twice, and Workspace client sites reprice at renewal or billable change on or after 16 November 2026",[12,1871,1872],{},"Here are the full plan lists (all in US dollars, billed annually, with the monthly price in brackets for Wix Premium and Webflow plans; checked October 2026).",[12,1874,1875],{},[237,1876,1877],{},"Wix Premium plans:",[115,1879,1880,1883,1886,1889],{},[36,1881,1882],{},"Light - $17\u002Fmo ($24 monthly), can't take payments",[36,1884,1885],{},"Core - $29\u002Fmo ($36 monthly), the first Wix plan that can sell",[36,1887,1888],{},"Business - $39\u002Fmo ($46 monthly)",[36,1890,1891],{},"Business Elite - $159\u002Fmo ($172 monthly)",[12,1893,1894,1897],{},[237,1895,1896],{},"Wix Studio plans"," (the newer track aimed at pros and agencies, one plan per site; billed yearly, monthly billing costs more, and wix.com\u002Fstudio\u002Fplans shows your local price):",[115,1899,1900,1903,1906,1909],{},[36,1901,1902],{},"Basic - $19\u002Fmo, can't take payments",[36,1904,1905],{},"Standard - $27\u002Fmo",[36,1907,1908],{},"Plus - $34\u002Fmo",[36,1910,1911],{},"Elite - $159\u002Fmo (Enterprise is quote-based)",[12,1913,1914],{},[237,1915,1916],{},"Webflow Site plans:",[115,1918,1919,1922,1925,1928,1931,1934],{},[36,1920,1921],{},"Starter - free, webflow.io address, 2 static pages, 1 GB bandwidth, 50 CMS items",[36,1923,1924],{},"Basic - $15\u002Fmo ($25 monthly), no CMS at all",[36,1926,1927],{},"Premium - $25\u002Fmo ($39 monthly), up to 20,000 CMS items and 50 GB bandwidth",[36,1929,1930],{},"Ecommerce Standard - $29\u002Fmo ($42 monthly; 2% transaction fee, 500 ecommerce items)",[36,1932,1933],{},"Ecommerce Plus - $74\u002Fmo ($84 monthly; 0% fee, 5,000 items)",[36,1935,1936],{},"Ecommerce Advanced - $212\u002Fmo ($235 monthly; 0% fee, 15,000 items)",[12,1938,1939,1942],{},[237,1940,1941],{},"Webflow Workspace plans"," (needed for code export, on top of the Site plan):",[115,1944,1945,1948,1951,1954],{},[36,1946,1947],{},"Freelancer - $16\u002Fmo ($24 monthly)",[36,1949,1950],{},"Agency - $35\u002Fmo ($42 monthly)",[36,1952,1953],{},"Core (for in-house teams) - $19\u002Fmo ($28 monthly)",[36,1955,1956],{},"Growth (for in-house teams) - $49\u002Fmo ($60 monthly)",[12,1958,1959],{},"The May 2026 CMS consolidation is the big change worth flagging. The old CMS plan ($23\u002Fmo, 2,000 items) and Business plan ($39\u002Fmo, 10,000 items) have been merged into a single Premium tier. For most content sites this is a quiet win; for anyone who already has a Business plan, the thing to check is bandwidth, since Premium includes 50 GB a month where Business had 100 GB, and an extra 50 GB costs $20 a month on yearly billing or $30 monthly.",[12,1961,1962,1963,1966],{},"Sites in a freelancer's or agency's Workspace move to these prices at their first renewal or billable change on or after 16 November 2026, which puts Basic at $15 a month yearly or $25 monthly, and Premium at $25 or $39. Monthly billing stings more than it used to, and I've gone through ",[40,1964,1965],{"href":1592},"how the Webflow price increase hits a freelancer's client book"," in a separate piece.",[12,1968,1969,1970,1972],{},"If you'd rather take the export route from the off, my piece on ",[40,1971,1300],{"href":1299}," lays out the maths.",[12,1974,1975],{},[237,1976,1977],{},"The real cost of a 5-page business site with custom domain and ecommerce:",[115,1979,1980,1983],{},[36,1981,1982],{},"Wix Core (or Business) - $29-39\u002Fmo billed yearly, no platform transaction fee, domain free for the first year. Call it $348-468 for year one.",[36,1984,1985],{},"Webflow Ecommerce Standard - $29\u002Fmo billed yearly, plus a 2% cut on every sale. Domain extra. Around $350\u002Fyear plus 2% of your revenue.",[12,1987,1988],{},"That 2% is the killer. On a storefront doing $100k of GMV, it's $2,000\u002Fyear handed back to your website builder. To zero it out on Webflow you jump to Plus at $74\u002Fmo, which is fine if you're scaling and painful if you're not; on yearly billing Plus costs $540 a year more than Standard, so it only pays for itself once you're selling more than about $27,000 a year, though a shop with lots of variants may hit Standard's 500-item ceiling first.",[22,1990,1992],{"id":1991},"setup-time-and-learning-curve","Setup time and learning curve",[12,1994,1995],{},"Wix is the easiest builder I've used in years; that's just the truth of it. You answer a few onboarding questions, the AI generates a starter site, and you drag stuff around. If you can use Keynote, you can build a Wix site. Since January 2026 there's also Wix Harmony, a newer editor aimed at people building their own site, on the same plans and prices; as of October 2026, Wix says the CMS isn't in it yet, and there's no Velo coding.",[12,1997,1998],{},"Webflow is a different animal. It's a visual front-end tool dressed as a website builder. The first week, especially if you've never wrestled with the box model, classes, or breakpoints, is genuinely rough. I reckon most people give up around day three when they can't figure out why their button refuses to centre.",[12,2000,2001],{},"The middle ground - and this surprised me - is Wix Studio. It introduces responsive design via CSS grid and proper layout tools, but it avoids the heavy \"you must understand CSS\" demand that Webflow puts on you. For a designer who's never coded, it's a softer landing.",[12,2003,2004],{},"Quick rule of thumb:",[115,2006,2007,2010,2013,2016],{},[36,2008,2009],{},"Building your own site, no CMS or Velo code needed - Wix Harmony",[36,2011,2012],{},"Comfortable with \"left, centre, right\" - Wix Editor",[36,2014,2015],{},"Comfortable with \"grid, flex, breakpoint\" - Wix Studio",[36,2017,2018],{},"Comfortable with \"class, hover state, combo class, custom attribute\" - Webflow",[22,2020,2022],{"id":2021},"templates-and-design-freedom","Templates and design freedom",[12,2024,2025,2026,2029],{},"Wix has 2,000+ templates by its own count, and they look pretty good in 2026. The price you pay is template lock-in: on the classic Wix Editor, ",[237,2027,2028],{},"once you've picked a template you're stuck with it",". Wix's help centre says you can't switch an existing site's template, even an empty one, so a redesign later means rebuilding on a new site. That isn't a soft \"we don't recommend it\" - the feature simply isn't there.",[12,2031,2032],{},"Webflow has a template marketplace of its own, but it's upfront about wanting you in the Designer instead. The trade-off is pixel-grade control. You can change anything on any page on any breakpoint without breaking the rest of the site. The downside is that you'll spend more time fiddling with paddings than you wanted to.",[12,2034,2035],{},"Wix Studio also moved closer to Webflow's model with its responsive grid system; the gap has narrowed, but Webflow's Designer is still the more powerful tool if you actually know what you're doing with CSS.",[22,2037,2039],{"id":2038},"wix-vs-webflow-for-ecommerce-where-wix-actually-wins","Wix vs Webflow for ecommerce - where Wix actually wins",[12,2041,2042],{},"Wix charges no platform fee on sales from its Core plan up ($29 a month billed yearly, $36 monthly), while Webflow takes 2% on Ecommerce Standard ($29 \u002F $42) until you move to Plus at $74 a month yearly ($84 monthly). This is where Wix earns its corn, and I say that as someone who's lukewarm on Wix generally.",[12,2044,2045,2048],{},[237,2046,2047],{},"Wix Stores"," gives you:",[115,2050,2051,2054,2057,2060,2063],{},[36,2052,2053],{},"0% platform transaction fee on Core and up (Light can't take payments at all); you still pay your processor, whether that's Wix Payments (2.9% + 30 cents per online card payment in the US) or your own",[36,2055,2056],{},"Up to 50,000 products per store (Wix's limit)",[36,2058,2059],{},"Multichannel selling - Amazon, eBay and Google Shopping connect from the Wix dashboard and TikTok through the TikTok Ads app; Facebook and Instagram now go through a Meta catalog or the Facebook Shops by GoDataFeed app, since Meta stopped supporting shops built in the Wix dashboard in April 2024",[36,2061,2062],{},"Wix POS for physical retail",[36,2064,2065],{},"Bookings, subscriptions, dropshipping integrations as add-ons",[12,2067,2068,2048],{},[237,2069,2070],{},"Webflow Ecommerce",[115,2072,2073,2076,2079,2082],{},[36,2074,2075],{},"Cleaner storefront design - because it's Webflow, your shop can look like a brand instead of a Shopify template",[36,2077,2078],{},"A 2% fee on Standard ($29\u002Fmo), dropping to 0% only when you upgrade to Plus ($74\u002Fmo) or Advanced ($212\u002Fmo)",[36,2080,2081],{},"A 500-item ceiling on Standard, 5,000 on Plus, 15,000 on Advanced, with products, variants and categories all counting as items, so sizes and colours eat into it fast",[36,2083,2084],{},"A more limited app ecosystem, so anything beyond basic checkout flows means custom integration",[12,2086,2087,2088,2091],{},"My take: if you're under roughly $500k-$1M GMV and you sell on multiple channels, Wix is the obvious answer. If your storefront design ",[18,2089,2090],{},"is"," the brand - think a single-product fashion label or a high-end studio - Webflow's Ecommerce makes sense even with the fees, because you're buying design control you can't get on Wix without compromise.",[22,2093,2095],{"id":2094},"cms-and-blogging","CMS and blogging",[12,2097,2098,2101],{},[237,2099,2100],{},"Wix Blog"," is a turnkey product. Categories, tags, scheduled posts, member-only content. It's free to install, and its posts don't count towards Wix's CMS item limits, so a plain blog runs happily on Light. Schema control is limited (you mostly get what Wix decides to output), which matters if you're chasing competitive search positions but not otherwise.",[12,2103,2104,2107],{},[237,2105,2106],{},"Webflow CMS"," is the one comparison-killer feature that genuinely sells the platform to content teams. You get reference fields between collections, dynamic templates driven by data, collection lists that filter and sort, and proper editorial workflows. If you've ever built a Contentful-style headless setup, Webflow CMS feels like a friendlier version of that.",[12,2109,2110,2111,2114,2115,2118],{},"The hard ceiling on Premium is 20,000 items. That's a lot for most sites. The catch is editorial: once you're past 10-15k items the in-app editor starts to feel its age, search inside the CMS gets sluggish, and bulk operations turn into batched scripts. So the official ceiling is 20k, but the practical \"this still feels nice to use\" ceiling sits closer to 10-15k. Past that point you should be looking at ",[40,2112,2113],{"href":1273},"Webflow vs WordPress for content-heavy sites",", or a static-generator pipeline against the ",[40,2116,2117],{"href":1285},"exported Webflow bundle",", before you sign the cheque.",[12,2120,2121],{},"Rough guide by content volume:",[115,2123,2124,2127,2130,2133],{},[36,2125,2126],{},"Under 100 posts\u002Fyear, no complex relationships - either works, Wix is faster to set up",[36,2128,2129],{},"A few hundred items with structured fields - Webflow CMS wins comfortably",[36,2131,2132],{},"Tens of thousands of items - Webflow with reservations, or a proper CMS",[36,2134,2135],{},"Huge collections - Wix Business Elite takes up to 10 million items, but on Wix's hosting with no exit",[22,2137,2139],{"id":2138},"wix-vs-webflow-seo-in-2026","Wix vs Webflow SEO in 2026",[12,2141,2142],{},"Both index fine. Both are eligible for AI Overviews and AI Mode citations via standard indexing - Google doesn't care which builder you use, only whether your content is good and your structured data is in order. I've been hearing vendors claim otherwise since 2003 and it's never been true yet.",[12,2144,2145],{},"The technical differences:",[12,2147,2148,2150],{},[237,2149,1627],{}," gives you the SEO Setup Checklist (it used to be called SEO Wiz), a friendly walkthrough of meta tags, alt text and robots.txt. Lovely for beginners. It auto-generates metadata, structured data toggles and a sitemap. The downside: you have far less say over the markup and scripts Wix ships, so when a page is slow there's little you can do about it yourself.",[12,2152,2153,2155],{},[237,2154,1596],{}," outputs cleaner semantic HTML. You get per-page meta control, OG tags, canonical URLs, robots.txt and custom schema injection.",[12,2157,2158,2159,2164],{},"Speed is where the received wisdom falls over. In the ",[40,2160,2163],{"href":2161,"rel":2162},"https:\u002F\u002Fhttparchive.org\u002Freports\u002Ftechreport\u002Ftech?tech=Wix,Webflow",[44],"HTTP Archive Core Web Vitals Technology Report",", built on Chrome's data from real visitors, 81% of measured Wix sites passed Core Web Vitals on mobile in September 2026, against 71% of measured Webflow sites (87% and 83% on desktop), across 177,709 Wix and 59,483 Webflow origins with enough Chrome traffic to be measured on mobile. That surprised me, but it measures the sites people actually build, not what either platform can do in good hands; a lean site passes on either.",[12,2166,2167],{},"The winner of the SEO race is the team that does the work, not the platform. I've seen abandoned Webflow sites lose to actively-maintained Wix sites every week of the year. Your mileage may vary, obviously.",[22,2169,2171],{"id":2170},"app-marketplace-and-integrations","App marketplace and integrations",[12,2173,2174,2175,2178],{},"The ",[237,2176,2177],{},"Wix App Market"," ships with hundreds of apps across SEO, bookings, forms, reviews, marketing automation, that sort of thing. Mostly first-party or SaaS-style add-ons. Install, configure, done.",[12,2180,2181,2183],{},[237,2182,1596],{}," doesn't really do plugins. It takes a professional stack approach: deep integrations via custom code injection or middleware like Zapier, Make, Airtable, HubSpot. The marketplace is smaller. If you want a booking flow on Webflow, you're embedding Calendly or wiring Make to a CRM. That's more powerful in the long run, but it assumes you (or whoever you hired) can wire things together.",[12,2185,2186],{},"If you're allergic to setting up a Zapier zap, Wix wins this category by a country mile.",[22,2188,2190],{"id":2189},"lock-in-and-exit-options-the-part-neither-sales-page-mentions","Lock-in and exit options - the part neither sales page mentions",[12,2192,2193],{},"Wix has no code export; Webflow exports HTML, CSS and JS on a paid Workspace plan. That's the difference that matters three years from now, when your renewal price doubles, or your agency disappears, or the platform pivots, or you just decide you want to move.",[12,2195,2196,2198],{},[237,2197,1627],{},": No code. You cannot export a Wix site to host it elsewhere. Some data comes with you: CMS collections and Wix Stores products export as CSV. Blog posts don't; Wix's help centre says plainly they can't be exported to other platforms, so they move by copy and paste. Your design, interactions and custom code all stay inside Wix. If you leave, you rebuild from scratch on whatever platform you're moving to. A Bristol florist, a Manchester PT studio, and an old PHP client of mine from way back all asked me the same question last year, and \"you have to start over\" was the only answer that ended up being truthful.",[12,2200,2201,2203,2204,2207],{},[237,2202,1596],{},": You get a real exit ramp. On a paid Workspace plan (Core, Growth, Freelancer or Agency), you can ",[40,2205,2206],{"href":1285},"export your Webflow site as code"," - clean HTML, CSS, JavaScript; a Site plan on its own doesn't include it. For static or CMS-free sites this is a full export. For sites that use the Webflow CMS, the static markup exports but the dynamic CMS pages need workarounds (a static-site generator pipeline, or a third-party migrator), though the collection content itself comes out as CSV. It's not seamless, but the door exists, and your classes and styles leave with you.",[12,2209,2210],{},"What you take with you on the way out:",[198,2212,2213,2227],{},[201,2214,2215],{},[204,2216,2217,2219,2223],{},[207,2218],{},[207,2220,2221],{},[237,2222,1627],{},[207,2224,2225],{},[237,2226,1596],{},[229,2228,2229,2240,2250,2261,2270,2281],{},[204,2230,2231,2234,2237],{},[234,2232,2233],{},"HTML\u002FCSS\u002FJS",[234,2235,2236],{},"No",[234,2238,2239],{},"Yes (paid Workspace plan)",[204,2241,2242,2245,2247],{},[234,2243,2244],{},"Design system",[234,2246,2236],{},[234,2248,2249],{},"Yes, exported",[204,2251,2252,2255,2258],{},[234,2253,2254],{},"CMS data",[234,2256,2257],{},"Collections and store products as CSV; blog posts can't be exported",[234,2259,2260],{},"Collections as CSV, or via the API",[204,2262,2263,2266,2268],{},[234,2264,2265],{},"Domain",[234,2267,270],{},[234,2269,270],{},[204,2271,2272,2275,2278],{},[234,2273,2274],{},"Media library",[234,2276,2277],{},"Manual download",[234,2279,2280],{},"Manual download or API",[204,2282,2283,2286,2288],{},[234,2284,2285],{},"Reusable in future projects",[234,2287,2236],{},[234,2289,270],{},[12,2291,2292,2293,2296,2297,2300],{},"And here's the bit that reframes the whole Wix vs Webflow argument. Webflow earns its keep over Wix, even if you never touch the export button, because the exit door is real: wide open for static pages, half open for CMS ones (their collection pages need rebuilding), and unlocked by a paid Workspace plan when you need it, where a single month of Freelancer is $24. For a mostly static site, the move is a Saturday afternoon's work plus a third-party form service, since Webflow's forms stop working once the site leaves Webflow; with Wix, that conversation simply doesn't happen. The exported bundle drops onto any static host. I send mine to ",[40,2294,389],{"href":603,"rel":2295},[44],", where the Pro plan is one price for up to five sites on their own domains, $15 a month billed yearly or $21 monthly, so adding a site doesn't add a line to the bill the way a new Webflow Site plan does. Cloudflare Pages will host a single site for nothing if you don't mind a busier dashboard. If portability matters to you, that's the whole argument right there. If you want options before you commit, my round-up of ",[40,2298,2299],{"href":1259},"other Webflow alternatives worth a look"," covers the field.",[22,2302,2304],{"id":2303},"verdict-by-use-case-icp","Verdict by use case (ICP)",[12,2306,2307],{},"After a few thousand words of nuance, here's what I'd actually recommend if you asked me at the pub.",[12,2309,2310,2313],{},[237,2311,2312],{},"Beginner \u002F local business \u002F restaurant \u002F tradesperson","\nWix. Pick Light if the site is a shop window, or Core ($29 a month billed yearly) if you want to take payments, including paid bookings; use the AI onboarding, point your domain at it, and get on with running the actual business. The fact that you can't export it is irrelevant if you'll never want to.",[12,2315,2316,2319],{},[237,2317,2318],{},"Side-project founder who hates CSS","\nWix Studio if you want a modern feel; Wix Editor if you want it shipped by Sunday. Webflow will eat your weekend.",[12,2321,2322,2325,2326,46],{},[237,2323,2324],{},"Designer or agency selling websites to clients","\nWebflow, nearly every time. The Designer is a proper tool, Client Payments lets each client pay Webflow directly for their own Site plan, and your designs survive a client switching agencies because the export exists. Wix Studio is the one to look at if export doesn't matter to you and you'd rather skip a Workspace fee: it's one plan per site, and as a Wix Partner you send the client a payment request, and from then on they pay Wix and manage the renewals themselves. I've done the Webflow side of the sums in ",[40,2327,2328],{"href":1592},"Webflow Freelancer and Agency Workspace plans",[12,2330,2331,2334],{},[237,2332,2333],{},"Brand that wants an exit option (even if you never use it)","\nWebflow. The optionality is worth the slightly steeper monthly cost and the steeper learning curve. This is the Webflow vs Wix call where portability tips the scale on its own.",[12,2336,2337,2340],{},[237,2338,2339],{},"High-volume content site","\nWebflow CMS up to 10-15k items where it still feels editorially comfortable; past that, a headless CMS plus static generator earns its complexity.",[12,2342,2343,2346],{},[237,2344,2345],{},"Sub-$500k storefront with multichannel sales","\nWix. The 0% platform fee and the built-in Amazon, eBay and Google Shopping connections pay for themselves several times over.",[12,2348,2349,2352],{},[237,2350,2351],{},"Single-brand high-end ecommerce where design is the differentiator","\nWebflow Ecommerce Plus. The 2% fee at the Standard tier rules out the cheap path, but if you're selling a $500 product where the storefront aesthetic is half the sale, it's worth it.",[22,2354,639],{"id":638},[12,2356,2357],{},[237,2358,2359],{},"Is Wix better than Webflow?",[12,2361,2362],{},"For beginners, local businesses, and most ecommerce under half a million in revenue, yes. For designers, agencies, content publishers, and anyone who values portability, no. Neither is universally \"better\" - they're aimed at different people. The Webflow vs Wix question really translates to \"do I want ease or do I want control.\"",[12,2364,2365],{},[237,2366,2367],{},"Is Webflow more expensive than Wix?",[12,2369,2370],{},"Usually, and the gap widens as the site grows (as of October 2026). A simple site on your own domain is about level: Webflow Basic is $15 a month billed yearly ($25 monthly) against Wix Light at $17 ($24), though Basic has no CMS. A first shop is $29 a month yearly on both, but Webflow's Standard plan keeps 2% of every sale. From there, on yearly billing, Webflow costs $8 a month more for a CMS site (Premium at $25 against Light at $17), $35 more for a growing store (Plus at $74 against Business at $39) and $53 more at the top tier (Advanced at $212 against Business Elite at $159), all before any Workspace plan.",[12,2372,2373],{},[237,2374,2375],{},"Can you switch from Wix to Webflow?",[12,2377,2378],{},"You can, but it's a rebuild; there's no way to import a Wix site into Webflow. CMS collections and store products export from Wix as CSV, and Webflow's CMS imports CSV. Blog posts have no export option, so unless a developer pulls them through Wix's Blog API, those, along with images and page copy, you'll move by hand; the design and interactions you'll redo in the Designer. Plan for the work as if you were launching a new site, because functionally, you are.",[12,2380,2381],{},[237,2382,2383],{},"Can you export your Wix site?",[12,2385,2386],{},"No. Wix does not offer code export. CMS collections and Wix Stores products can be downloaded as CSV files, but Wix's help centre says blog posts can't be exported to other platforms, and the full site - design, pages, structure, custom code - stays inside Wix. This is the single biggest reason I'd think twice before committing to Wix for a project I expected to evolve significantly over five years.",[12,2388,2389],{},[237,2390,2391],{},"Which is better for SEO, Wix or Webflow?",[12,2393,2394],{},"Webflow has the edge on control: cleaner semantic HTML, granular per-page meta, canonical URLs, and schema injection. On real-world speed it's the other way round; in HTTP Archive's September 2026 data, 81% of measured Wix sites passed Core Web Vitals on mobile against 71% of measured Webflow sites. In practice the winner is whichever team actually does the SEO work. Both can rank. Neither is automatic.",[12,2396,2397],{},[237,2398,2399],{},"What's the downside of Webflow?",[12,2401,2402],{},"There are three, and they're worth knowing before you sign up. The learning curve is genuinely steep if you've never wrestled with CSS, and Webflow expects you to bring that vocabulary with you; the 2% ecommerce transaction fee on the entry tier adds up faster than spreadsheets suggest, particularly once your GMV starts climbing; and the CMS ceiling, while officially 20,000 items, starts to feel its age editorially somewhere around 10-15k. Set against the portability and the design control, most teams find Webflow worth those three, but if any of them lands hard against your particular situation, it's worth looking elsewhere.",[12,2404,2405],{},"That's the comparison. Pick whichever one fits the next three years of your business, not the next three weeks of building it. The platform you don't regret in 2029 is the one that earned your trust by the things it lets you leave with.",{"title":645,"searchDepth":646,"depth":646,"links":2407},[2408,2409,2410,2411,2412,2413,2414,2415,2416,2417,2418],{"id":1613,"depth":646,"text":1614},{"id":1744,"depth":646,"text":1745},{"id":1991,"depth":646,"text":1992},{"id":2021,"depth":646,"text":2022},{"id":2038,"depth":646,"text":2039},{"id":2094,"depth":646,"text":2095},{"id":2138,"depth":646,"text":2139},{"id":2170,"depth":646,"text":2171},{"id":2189,"depth":646,"text":2190},{"id":2303,"depth":646,"text":2304},{"id":638,"depth":646,"text":639},"2026-06-20","Wix vs Webflow in 2026: Wix suits beginners and multichannel shops, Webflow suits designers and agencies. Plans and prices compared, checked October 2026.","lucide:scale",{"excerpt":2423},{"type":9,"value":2424},[2425],[12,2426,1607],{},{"title":1602,"description":2420},"wix-vs-webflow",[1627,1596,2430],"Comparison","cQUQw8viGIke3AqHCH9wF4S9uwBQpc3ncqtpWMDcHOA",{"id":2433,"title":2434,"alt":6,"author":7,"body":2435,"date":3246,"description":3247,"extension":666,"icon":3248,"image":6,"meta":3249,"navigation":673,"path":3256,"published":6,"seo":3257,"stem":3258,"tags":3259,"__hash__":3264},"blog\u002Flovable-deploy-guide.md","Deploy a Lovable App to Vercel, Netlify, or Hostsmith",{"type":9,"value":2436,"toc":3234},[2437,2440,2443,2449,2452,2456,2463,2477,2481,2484,2493,2499,2508,2519,2525,2530,2541,2546,2549,2553,2556,2589,2682,2685,2688,2692,2698,2701,2746,2752,2764,2767,2770,2774,2783,2811,2858,2867,2874,2877,2881,2884,3006,3010,3021,3032,3039,3043,3064,3070,3098,3104,3120,3126,3130,3138,3144,3166,3172,3201,3207,3213,3217,3220,3223,3230],[12,2438,2439],{},"I shipped my first Lovable app last month and bricked the deploy three times before I got it. Blank white page. Refresh-404. A custom domain that resolved to nothing for forty minutes while I sat at the coffee shop refreshing DNS like it owed me money.",[12,2441,2442],{},"This is the Lovable deploy guide I wish I'd had.",[12,2444,2445,2446,2448],{},"Three real options: Vercel, Netlify, and Hostsmith. I shipped the same Lovable + Supabase app to all three this month to write this piece. They are not equivalent. Vercel and Netlify want a GitHub repo and a CI pipeline. Hostsmith wants the ",[51,2447,53],{}," folder you already have on your laptop. Pick by how much pipeline you want to own.",[12,2450,2451],{},"I'll show you the exact env var names, the exact SPA fallback file, and the three things that quietly break every Lovable build the first time you ship it. Then a comparison table, the custom domain trap, and a troubleshooting section for the failures people actually hit.",[22,2453,2455],{"id":2454},"what-lovables-built-in-hosting-gives-you","What Lovable's built-in hosting gives you",[12,2457,2458,2459,2462],{},"Lovable's built-in hosting gives you a ",[51,2460,2461],{},"your-app.lovable.app"," URL, no custom domain on the free tier, and traffic that counts against Lovable's quotas. Fine for showing your friend the thing. Not fine for a real product.",[12,2464,2465,2466,2469,2470,2472,2473,2476],{},"When you outgrow it, Lovable lets you connect a GitHub repo via ",[51,2467,2468],{},"Settings -> Connectors -> GitHub",". That syncs the code two ways. From there, you own the ",[51,2471,53],{}," folder after a local ",[51,2474,2475],{},"npm run build",". Everything below assumes you've done that.",[22,2478,2480],{"id":2479},"the-three-things-that-break-every-first-lovable-deploy","The three things that break every first Lovable deploy",[12,2482,2483],{},"Before any of the three hosts, fix these. Same problems, same fixes, every platform.",[12,2485,2486],{},[237,2487,2488,2489,2492],{},"1. Supabase env vars need the ",[51,2490,2491],{},"VITE_"," prefix.",[12,2494,2495,2496,2498],{},"Vite only exposes variables to the browser bundle if the key starts with ",[51,2497,2491],{},". Lovable's Supabase client reads exactly these:",[2500,2501,2506],"pre",{"className":2502,"code":2504,"language":2505},[2503],"language-text","VITE_SUPABASE_URL=https:\u002F\u002Fxxxx.supabase.co\nVITE_SUPABASE_PUBLISHABLE_KEY=eyJhbGc...\nVITE_SUPABASE_PROJECT_ID=xxxx\n","text",[51,2507,2504],{"__ignoreMap":645},[12,2509,2510,2511,2514,2515,2518],{},"Note: Lovable uses ",[51,2512,2513],{},"PUBLISHABLE_KEY",", not ",[51,2516,2517],{},"ANON_KEY"," like older Supabase tutorials. Same value, different name.",[12,2520,2521,2522,46],{},"Set these on the host. If you forget, you get a blank white page and a console full of ",[51,2523,2524],{},"undefined",[12,2526,2527],{},[237,2528,2529],{},"2. The build output is a single-page app and needs an SPA fallback.",[12,2531,2532,2533,2536,2537,2540],{},"Any unknown path has to serve ",[51,2534,2535],{},"index.html",", or refreshing ",[51,2538,2539],{},"\u002Fdashboard"," returns 404. Each host handles this differently. Covered per-platform below.",[12,2542,2543],{},[237,2544,2545],{},"3. Supabase Auth redirect URLs are an allowlist.",[12,2547,2548],{},"In Supabase dashboard, Authentication -> URL Configuration, add your production URL (and your custom domain) to the redirect allowlist. Otherwise magic links and OAuth bounce back to localhost. I lost an evening to this one.",[22,2550,2552],{"id":2551},"option-1-deploy-a-lovable-app-to-vercel","Option 1: Deploy a Lovable app to Vercel",[12,2554,2555],{},"To deploy a Lovable app on Vercel, you push to GitHub, then Vercel auto-deploys on every push. Here's how to deploy a Lovable app to Vercel step by step.",[33,2557,2558,2564,2572,2579,2582],{},[36,2559,2560,2561,2563],{},"In Lovable, ",[51,2562,2468],{},", push your project to a new repo.",[36,2565,2566,2567,2569,2570,46],{},"Go to vercel.com, New Project, import the repo. Framework preset: Vite. Build command: ",[51,2568,2475],{},". Output directory: ",[51,2571,53],{},[36,2573,2574,2575,2578],{},"Before clicking Deploy, hit \"Environment Variables\" and paste in the three ",[51,2576,2577],{},"VITE_SUPABASE_"," keys from above.",[36,2580,2581],{},"Vercel scopes env vars by environment - Production, Preview, Development - check all three boxes or your preview deploys will blow up while production works.",[36,2583,2584,2585,2588],{},"SPA fallback: add a ",[51,2586,2587],{},"vercel.json"," to the repo root.",[2500,2590,2594],{"className":2591,"code":2592,"language":2593,"meta":645,"style":645},"language-json shiki shiki-themes github-light material-theme github-dark-high-contrast","{\n  \"rewrites\": [\n    { \"source\": \"\u002F(.*)\", \"destination\": \"\u002Findex.html\" }\n  ]\n}\n","json",[51,2595,2596,2604,2623,2670,2676],{"__ignoreMap":645},[1489,2597,2600],{"class":2598,"line":2599},"line",1,[1489,2601,2603],{"class":2602},"swkHL","{\n",[1489,2605,2606,2610,2614,2617,2620],{"class":2598,"line":646},[1489,2607,2609],{"class":2608},"sOZzR","  \"",[1489,2611,2613],{"class":2612},"smM5B","rewrites",[1489,2615,2616],{"class":2608},"\"",[1489,2618,2619],{"class":2602},":",[1489,2621,2622],{"class":2602}," [\n",[1489,2624,2625,2628,2631,2635,2637,2639,2642,2646,2648,2651,2653,2656,2658,2660,2662,2665,2667],{"class":2598,"line":656},[1489,2626,2627],{"class":2602},"    {",[1489,2629,2630],{"class":2608}," \"",[1489,2632,2634],{"class":2633},"sJzFe","source",[1489,2636,2616],{"class":2608},[1489,2638,2619],{"class":2602},[1489,2640,2630],{"class":2641},"sLH4c",[1489,2643,2645],{"class":2644},"saCgk","\u002F(.*)",[1489,2647,2616],{"class":2641},[1489,2649,2650],{"class":2602},",",[1489,2652,2630],{"class":2608},[1489,2654,2655],{"class":2633},"destination",[1489,2657,2616],{"class":2608},[1489,2659,2619],{"class":2602},[1489,2661,2630],{"class":2641},[1489,2663,2664],{"class":2644},"\u002Findex.html",[1489,2666,2616],{"class":2641},[1489,2668,2669],{"class":2602}," }\n",[1489,2671,2673],{"class":2598,"line":2672},4,[1489,2674,2675],{"class":2602},"  ]\n",[1489,2677,2679],{"class":2598,"line":2678},5,[1489,2680,2681],{"class":2602},"}\n",[12,2683,2684],{},"Commit, push, Vercel redeploys. Custom domain lives under Project -> Settings -> Domains. Add the domain, copy the A\u002FCNAME records Vercel gives you, paste them at your registrar.",[12,2686,2687],{},"Good fit if: you want git-driven previews per branch and don't mind the pipeline.",[22,2689,2691],{"id":2690},"option-2-deploy-a-lovable-app-to-netlify","Option 2: Deploy a Lovable app to Netlify",[12,2693,2694,2695,2697],{},"To deploy a Lovable app to Netlify, you have two routes: connect the GitHub repo (same shape as Vercel) or drag the local ",[51,2696,53],{}," folder onto the Netlify dashboard. Here's how to deploy a Lovable app to Netlify step by step.",[12,2699,2700],{},"For the GitHub route:",[33,2702,2703,2706,2709,2717,2733],{},[36,2704,2705],{},"Push your Lovable repo to GitHub.",[36,2707,2708],{},"Netlify -> Add new site -> Import from Git. Pick the repo.",[36,2710,2711,2712,2714,2715,46],{},"Build command: ",[51,2713,2475],{},". Publish directory: ",[51,2716,53],{},[36,2718,2719,2720,2722,2723,54,2726,54,2729,2732],{},"Site settings -> Environment variables, add the three ",[51,2721,2577],{}," keys (",[51,2724,2725],{},"VITE_SUPABASE_URL",[51,2727,2728],{},"VITE_SUPABASE_PUBLISHABLE_KEY",[51,2730,2731],{},"VITE_SUPABASE_PROJECT_ID",").",[36,2734,2584,2735,2738,2739,2742,2743,46],{},[51,2736,2737],{},"_redirects"," file inside ",[51,2740,2741],{},"public\u002F"," so it ends up in ",[51,2744,2745],{},"dist\u002F",[2500,2747,2750],{"className":2748,"code":2749,"language":2505},[2503],"\u002F*    \u002Findex.html   200\n",[51,2751,2749],{"__ignoreMap":645},[12,2753,2754,2755,2757,2758,2760,2761,2763],{},"For the drag-and-drop route: run ",[51,2756,2475],{}," locally, drag the ",[51,2759,53],{}," folder onto the Netlify dashboard. Your env vars still need to be set locally before ",[51,2762,2475],{},", so this is fine for a quick prototype but not a long-term setup. Auth will work in dev and break in prod the moment you forget.",[12,2765,2766],{},"Custom domain lives under Site settings -> Domain management. Same A\u002FCNAME dance.",[12,2768,2769],{},"Good fit if: you want the Netlify forms \u002F functions ecosystem, or you specifically want the drag-and-drop option.",[22,2771,2773],{"id":2772},"option-3-deploy-a-lovable-app-to-hostsmith","Option 3: Deploy a Lovable app to Hostsmith",[12,2775,2776,2777,2779,2780,2782],{},"To deploy a Lovable app to Hostsmith, you skip the git pipeline. Run ",[51,2778,2475],{}," on your laptop, drag ",[51,2781,53],{}," onto Hostsmith. Here's how to deploy a Lovable app to Hostsmith step by step.",[12,2784,2785,2786,2788,2789,2791,2792,2795,2796,2799,2800,2803,2804,2807,2808,2810],{},"Heads up before you build: Hostsmith currently serves ",[51,2787,2535],{}," only at the apex path. Sub-routes like ",[51,2790,2539],{}," will 404 on refresh. The fix is a one-line swap in your Lovable app's router setup - change ",[51,2793,2794],{},"BrowserRouter"," for ",[51,2797,2798],{},"HashRouter"," from ",[51,2801,2802],{},"react-router-dom",". URLs become ",[51,2805,2806],{},"\u002F#\u002Fdashboard"," instead of ",[51,2809,2539],{},", but refresh, bookmarks, and shared deep links all work. If your Lovable app is a single-page landing with no client-side routes, you can skip this.",[33,2812,2813,2824,2846,2849,2855],{},[36,2814,2815,2816,2819,2820,2795,2822,46],{},"Optional but usually needed: in your router setup (",[51,2817,2818],{},"src\u002Fmain.tsx"," or wherever you wrap the app in a router), swap ",[51,2821,2794],{},[51,2823,2798],{},[36,2825,2826,2827,2830,2831,2722,2833,54,2835,54,2837,2839,2840,2842,2843,2845],{},"Locally: create a ",[51,2828,2829],{},".env"," in your project root with the three ",[51,2832,2577],{},[51,2834,2725],{},[51,2836,2728],{},[51,2838,2731],{},"). Run ",[51,2841,2475],{},". You'll get a ",[51,2844,2745],{}," folder.",[36,2847,2848],{},"Sign in to Hostsmith, create a new site. (Free tier: 5 GB bandwidth, 5,000 visits.)",[36,2850,2851,2852,2854],{},"Drag the ",[51,2853,53],{}," folder into the upload zone. Done.",[36,2856,2857],{},"Custom domain: site settings -> domain, paste the records at your registrar. Or buy through Hostsmith and skip the DNS step.",[12,2859,2860,2861,2863,2864,2732],{},"Because env vars are baked into the bundle at build time, there's nothing to configure server-side. The downside: every code change means a fresh ",[51,2862,2475],{}," and a fresh drag. No git previews. And the HashRouter swap is a real trade-off if you care about pretty URLs or OG card scrapers (some can't read past the ",[51,2865,2866],{},"#",[12,2868,2869,2870,2873],{},"If you want a private staging copy for a client review before going public, Starter plan and up adds ",[40,2871,2872],{"href":175},"Private Sites with password or email whitelist",". Drop a password on the staging URL, send the link, ship the public version when they sign off.",[12,2875,2876],{},"Good fit if: you want fewer moving parts, don't need git-driven previews, and the HashRouter trade-off is acceptable (or your app has no client-side routes).",[22,2878,2880],{"id":2879},"which-host-is-best-for-a-lovable-app","Which host is best for a Lovable app?",[12,2882,2883],{},"For a single dev shipping a Lovable + Supabase app, Hostsmith is the lowest-friction option because there's no pipeline to configure. Vercel wins if you need per-branch previews for a teammate. Netlify sits in between.",[198,2885,2886,2900],{},[201,2887,2888],{},[204,2889,2890,2892,2895,2898],{},[207,2891],{},[207,2893,2894],{},"Vercel",[207,2896,2897],{},"Netlify",[207,2899,389],{},[229,2901,2902,2913,2924,2942,2954,2966,2979,2992],{},[204,2903,2904,2907,2909,2911],{},[234,2905,2906],{},"Deploy from git",[234,2908,270],{},[234,2910,270],{},[234,2912,2236],{},[204,2914,2915,2918,2920,2922],{},[234,2916,2917],{},"Drag-and-drop deploy",[234,2919,2236],{},[234,2921,270],{},[234,2923,270],{},[204,2925,2926,2929,2934,2939],{},[234,2927,2928],{},"SPA fallback",[234,2930,2931,2933],{},[51,2932,2587],{}," rewrites",[234,2935,2936,2938],{},[51,2937,2737],{}," file",[234,2940,2941],{},"Apex only - use HashRouter",[204,2943,2944,2947,2949,2951],{},[234,2945,2946],{},"Env vars in dashboard",[234,2948,270],{},[234,2950,270],{},[234,2952,2953],{},"No (baked at build time)",[204,2955,2956,2959,2961,2963],{},[234,2957,2958],{},"Custom domain on free tier",[234,2960,270],{},[234,2962,270],{},[234,2964,2965],{},"No (Pro+)",[204,2967,2968,2971,2974,2976],{},[234,2969,2970],{},"Private preview (password)",[234,2972,2973],{},"Paid plan only",[234,2975,2973],{},[234,2977,2978],{},"Starter plan",[204,2980,2981,2984,2987,2989],{},[234,2982,2983],{},"Bandwidth limits",[234,2985,2986],{},"100 GB free",[234,2988,2986],{},[234,2990,2991],{},"5 GB \u002F 5k visits free",[204,2993,2994,2997,3000,3003],{},[234,2995,2996],{},"Setup time first deploy",[234,2998,2999],{},"10-15 min",[234,3001,3002],{},"5-10 min",[234,3004,3005],{},"Under 5 min",[22,3007,3009],{"id":3008},"the-custom-domain-trap","The custom domain trap",[12,3011,3012,3013,3016,3017,3020],{},"Same on all three: you add the domain on the host, copy the records, paste at your registrar, wait. The trap is the Supabase auth allowlist. Add your custom domain to Supabase's redirect URL list, or auth works on the ",[51,3014,3015],{},".vercel.app"," URL and silently breaks on ",[51,3018,3019],{},"yourdomain.com",". This bit me on Vercel first, then again on Netlify because I didn't learn the first time.",[12,3022,3023,3024,3027,3028,3031],{},"If you're moving from a ",[51,3025,3026],{},".lovable.app"," URL to a custom domain, also check any hard-coded ",[51,3029,3030],{},"siteUrl"," in your Supabase client config. There shouldn't be one in a fresh Lovable build, but I've seen people paste one in for testing and forget.",[12,3033,3034,3035,46],{},"For the full domain walkthrough, see ",[40,3036,3038],{"href":3037},"\u002Flovable-custom-domain","Custom domain for a Lovable app",[22,3040,3042],{"id":3041},"troubleshooting-the-failures-youll-hit","Troubleshooting: the failures you'll hit",[12,3044,3045,3048,3049,2722,3051,54,3053,54,3055,3057,3058,3060,3061,3063],{},[237,3046,3047],{},"Blank white page after deploy."," First thing to check: env vars. Make sure all three ",[51,3050,2577],{},[51,3052,2725],{},[51,3054,2728],{},[51,3056,2731],{},") are set on the host (or in ",[51,3059,2829],{}," before build for Hostsmith). Open browser devtools, Console tab. If you see ",[51,3062,2524],{}," where the Supabase URL should be, that's the one.",[12,3065,3066,3069],{},[237,3067,3068],{},"Refresh on any non-root path returns 404."," SPA fallback not configured.",[115,3071,3072,3078,3087],{},[36,3073,3074,3075,3077],{},"Vercel: ",[51,3076,2587],{}," with the rewrite block. Redeploy.",[36,3079,3080,3081,3083,3084,3086],{},"Netlify: ",[51,3082,2737],{}," file in ",[51,3085,2741],{},". Redeploy.",[36,3088,3089,3090,3092,3093,2795,3095,3097],{},"Hostsmith: serves ",[51,3091,2535],{}," only at apex, so there's no server-side fix. Swap ",[51,3094,2794],{},[51,3096,2798],{}," in your router setup, rebuild, redeploy.",[12,3099,3100,3103],{},[237,3101,3102],{},"Magic link \u002F OAuth redirects to localhost."," Supabase Auth allowlist. Authentication -> URL Configuration. Add your production URL.",[12,3105,3106,3109,3110,54,3113,54,3116,3119],{},[237,3107,3108],{},"Build fails locally before deploy."," Almost always a Node version mismatch. Lovable targets Node 22. ",[51,3111,3112],{},"nvm use 22",[51,3114,3115],{},"rm -rf node_modules package-lock.json",[51,3117,3118],{},"npm install",", try again.",[12,3121,3122,3125],{},[237,3123,3124],{},"Custom domain shows the host's default page."," DNS hasn't propagated yet. Give it thirty minutes. If it's been a day, double-check you copied the records exactly.",[22,3127,3129],{"id":3128},"faq","FAQ",[12,3131,3132,3135,3136,2845],{},[237,3133,3134],{},"Can I deploy a Lovable app without GitHub?","\nYes. Use Hostsmith or Netlify's drag-and-drop option. Both take a local ",[51,3137,53],{},[12,3139,3140,3143],{},[237,3141,3142],{},"Do I have to use Vercel or Netlify?","\nNo. Any static host works: Hostsmith, Cloudflare Pages, GitHub Pages, anything that serves static files. Lovable's output is plain HTML\u002FJS\u002FCSS.",[12,3145,3146,3149,3150,3152,3153,3155,3156,54,3158,54,3160,3162,3163,3165],{},[237,3147,3148],{},"How do I go from Lovable to Vercel?","\nConnect Lovable to GitHub via ",[51,3151,2468],{},", then import that repo into Vercel as a Vite project. Set the three ",[51,3154,2577],{}," env vars (",[51,3157,2725],{},[51,3159,2728],{},[51,3161,2731],{},") and add a ",[51,3164,2587],{}," for the SPA rewrite.",[12,3167,3168,3171],{},[237,3169,3170],{},"Should I pick Lovable deploy to Vercel or Lovable deploy to Netlify?","\nLovable deploy to Vercel works best when you need git-driven preview URLs per branch for a teammate. Lovable deploy to Netlify is the pick if you want the drag-and-drop fallback sitting alongside the same CI pipeline.",[12,3173,3174,3177,3178,3180,3181,54,3183,3186,3187,2795,3189,3191,3192,3194,3195,3197,3198,3200],{},[237,3175,3176],{},"Why does my Lovable app on Hostsmith 404 on refresh?","\nHostsmith serves ",[51,3179,2535],{}," only at the apex path. Any client-side route (",[51,3182,2539],{},[51,3184,3185],{},"\u002Fsettings",") hit directly will 404. Fix: swap ",[51,3188,2794],{},[51,3190,2798],{}," in your router setup, rebuild, redeploy. URLs gain a ",[51,3193,2866],{}," (so ",[51,3196,2539],{}," becomes ",[51,3199,2806],{},"), but refresh, bookmarks, and shared deep links all work. Trade-off: a few third-party scrapers (OG cards, some analytics) can't read past the hash.",[12,3202,3203,3206],{},[237,3204,3205],{},"Will my Supabase database move with the deploy?","\nNo. Supabase is hosted by Supabase. The deploy only moves the frontend bundle. Your data, auth users, and storage stay where they are. You only need to update the redirect allowlist with the new URL.",[12,3208,3209,3212],{},[237,3210,3211],{},"What about edge functions or server-side rendering?","\nLovable currently outputs a client-rendered Vite app. No SSR, no edge functions in the build. If you're using Supabase Edge Functions, those run on Supabase and don't move.",[22,3214,3216],{"id":3215},"ship-the-app","Ship the app",[12,3218,3219],{},"You built something in Lovable. It works. The Lovable deploy step is the boring part - get the env vars right, set the SPA fallback, point the domain. That's it.",[12,3221,3222],{},"Me, today, on this stack? Hostsmith for the first ship, move to Vercel only if I need git-driven previews for a teammate. Three drag-and-drops beat three pipelines when nobody else is looking at the code yet.",[12,3224,3225,3226,46],{},"Related: ",[40,3227,3229],{"href":3228},"\u002Fvibe-coding-website","Vibe coding website builders compared",[3231,3232,3233],"style",{},"html pre.shiki code .swkHL, html code.shiki .swkHL{--shiki-light:#24292E;--shiki-default:#89DDFF;--shiki-dark:#F0F3F6}html pre.shiki code .sOZzR, html code.shiki .sOZzR{--shiki-light:#005CC5;--shiki-default:#89DDFF;--shiki-dark:#72F088}html pre.shiki code .smM5B, html code.shiki .smM5B{--shiki-light:#005CC5;--shiki-default:#C792EA;--shiki-dark:#72F088}html pre.shiki code .sJzFe, html code.shiki .sJzFe{--shiki-light:#005CC5;--shiki-default:#FFCB6B;--shiki-dark:#72F088}html pre.shiki code .sLH4c, html code.shiki .sLH4c{--shiki-light:#032F62;--shiki-default:#89DDFF;--shiki-dark:#ADDCFF}html pre.shiki code .saCgk, html code.shiki .saCgk{--shiki-light:#032F62;--shiki-default:#C3E88D;--shiki-dark:#ADDCFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":645,"searchDepth":646,"depth":646,"links":3235},[3236,3237,3238,3239,3240,3241,3242,3243,3244,3245],{"id":2454,"depth":646,"text":2455},{"id":2479,"depth":646,"text":2480},{"id":2551,"depth":646,"text":2552},{"id":2690,"depth":646,"text":2691},{"id":2772,"depth":646,"text":2773},{"id":2879,"depth":646,"text":2880},{"id":3008,"depth":646,"text":3009},{"id":3041,"depth":646,"text":3042},{"id":3128,"depth":646,"text":3129},{"id":3215,"depth":646,"text":3216},"2026-06-16","Set three VITE_SUPABASE_ env vars, add an SPA fallback, then push to GitHub for Vercel or drag dist\u002F onto Hostsmith. The blank-page trap, fixed.","lucide:upload-cloud",{"excerpt":3250},{"type":9,"value":3251},[3252,3254],[12,3253,2439],{},[12,3255,2442],{},"\u002Flovable-deploy-guide",{"title":2434,"description":3247},"lovable-deploy-guide",[3260,3261,2894,2897,3262,3263],"Lovable","Deployment","AI Builder","Supabase","LYRzDDyKEFUZrwCn-GnoAF8D31tze4KRqFRegUGLGOE",{"id":3266,"title":3267,"alt":6,"author":685,"body":3268,"date":3655,"description":3656,"extension":666,"icon":3657,"image":6,"meta":3658,"navigation":673,"path":3663,"published":6,"seo":3664,"stem":3665,"tags":3666,"__hash__":3670},"blog\u002Ffree-image-web-hosting.md","Free Image Web Hosting: Where to Upload and Get a URL",{"type":9,"value":3269,"toc":3643},[3270,3273,3276,3280,3283,3289,3303,3309,3312,3316,3319,3358,3362,3365,3371,3377,3383,3387,3390,3393,3399,3402,3406,3409,3412,3419,3423,3426,3429,3432,3439,3443,3446,3466,3469,3473,3480,3490,3493,3496,3516,3519,3523,3591,3593,3599,3605,3620,3631,3637],[12,3271,3272],{},"Funny how things come full circle. Back when I was running a Quake clan website on Angelfire in the late 90s, the entire game was \"find a free place to dump a JPG and grab the URL.\" Twenty-odd years later, my inbox still fills up with the same question from mates and clients: where's the best free image web hosting, the kind where I upload this image and get a link I can paste into a forum, a listing, or a webpage? The space has shifted a fair bit since the Angelfire days, but the underlying confusion is identical.",[12,3274,3275],{},"The trouble is that \"image hosting\" means three completely different things depending on what you're actually trying to do, and most of the lists you'll find online lump them all together. So let's pull them apart properly, then pick the right tool for each.",[22,3277,3279],{"id":3278},"what-free-image-web-hosting-actually-means-in-2026","What free image web hosting actually means in 2026",[12,3281,3282],{},"There are three jobs people lazily file under the same heading.",[12,3284,3285,3288],{},[237,3286,3287],{},"One:"," the throwaway. You took a screenshot, you need to send it to someone, you don't care if it exists in five years. You want anonymous upload, instant link, zero friction. This is the classic \"host image online free\" use case.",[12,3290,3291,3294,3295,3298,3299,3302],{},[237,3292,3293],{},"Two:"," the embed. You're sticking an image in a forum post, a listing on eBay, an email signature, a Reddit comment. The image needs to render directly when someone loads the page, which means the URL has to end in ",[51,3296,3297],{},".jpg"," or ",[51,3300,3301],{},".png"," and the host has to allow hotlinking from a domain that isn't theirs. Image URL hosting, in other words, not viewer-page hosting.",[12,3304,3305,3308],{},[237,3306,3307],{},"Three:"," the asset. The image is part of something you've built. A README on GitHub, a small portfolio site, a product mockup that lives next to a buy button. It needs to work years from now, alongside other images that belong to the same project.",[12,3310,3311],{},"The reason this matters is that the trade-offs are genuinely different. A host that's perfect for job one will quietly betray you on job three. An Imgur link is fine for a one-off share, but Imgur's terms of service flat-out ban using it as a CDN, for ecommerce, or for any site that makes money including via ads. Their guidance says any image found in violation \"may be deleted and blocked.\" Quite a surprise to discover after your Etsy listing goes live.",[22,3313,3315],{"id":3314},"what-to-check-before-you-pick-a-free-image-host","What to check before you pick a free image host",[12,3317,3318],{},"In rough order of \"things people forget until it bites them\":",[115,3320,3321,3335,3338,3341,3344,3347,3350],{},[36,3322,3323,3324,54,3326,54,3328,54,3331,3334],{},"Does the URL it gives you end in ",[51,3325,3297],{},[51,3327,3301],{},[51,3329,3330],{},".gif",[51,3332,3333],{},".webp","? Or does it end at a viewer page wrapped in ads? Forums and email clients need the former.",[36,3336,3337],{},"Account required, or can you upload as a guest? Friction matters more than people admit.",[36,3339,3340],{},"File size cap. Phone JPGs straight out of a modern camera can easily push 8-15 MB without compression.",[36,3342,3343],{},"Expiration policy. Guest uploads on smaller hosts often quietly delete after 6-12 months of zero views.",[36,3345,3346],{},"Terms on commercial use. Imgur explicitly forbids it. Others are silent, which is its own kind of risk.",[36,3348,3349],{},"Ads on the viewer page. Mild annoyance for some uses, dealbreaker for others.",[36,3351,3352,3353,3357],{},"Format support. WebP is finally everywhere; SVG is still patchy on image hosts (most reject it because it can carry script). Browsers can't show a Photoshop file at all, so ",[40,3354,3356],{"href":3355},"\u002Fconvert-psd-to-png","convert PSD to PNG"," first.",[22,3359,3361],{"id":3360},"best-for-a-throwaway-one-off-image-imgbb-imgur-postimages","Best for a throwaway one-off image: ImgBB, Imgur, Postimages",[12,3363,3364],{},"For \"I just need to send this screenshot to someone,\" any of the big three will do. The differences are subtle but real.",[12,3366,3367,3370],{},[237,3368,3369],{},"ImgBB"," allows guest uploads up to 32 MB, gives you a direct hotlink, and supports JPG, PNG, BMP, GIF, TIFF, WebP, HEIC and even PDF. The handy bit is the customisable auto-delete: you can set the image to disappear after anywhere from minutes to never. Good for sensitive screenshots you don't want lingering. Worth flagging: reviews call the viewer page ad-heavy, and some reviews have flagged that upgrading to ImgBB Pro can disable direct link sharing and add ads, an odd choice for a paid tier.",[12,3372,3373,3376],{},[237,3374,3375],{},"Imgur"," is the household name. Non-animated uploads go up to 20 MB; GIFs and short video clips up to 200 MB. No account needed for basic uploads, though Imgur has steadily added account walls for various actions over the past few years. Files over 5 MB have historically been re-compressed lossily; check the current upload page if it matters to you. Critical caveat: their TOS explicitly bans commercial use, CDN-style use, and hosting images for any site that makes money. Use it for memes and chat, not for your shop.",[12,3378,3379,3382],{},[237,3380,3381],{},"Postimages"," allows guest uploads to 32 MB, no registration required, and is explicitly built around forum-friendly hotlinks (BBCode, HTML, direct). Worth it for the lack of friction.",[22,3384,3386],{"id":3385},"best-for-forum-and-email-embeds-postimages-freeimagehost","Best for forum and email embeds: Postimages, Freeimage.host",[12,3388,3389],{},"This is where hotlink reliability becomes the only thing that matters, and where free image upload and link generation has to actually work the next time someone loads the page.",[12,3391,3392],{},"Postimages was built for this. It generates ready-to-paste forum BBCode, the hotlinks are stable, and you can set expiration manually anywhere from one hour to permanent. The catch: the free-tier hotlinks are capped to 1280px resolution, so if you're sharing high-res photography, that's a real ceiling.",[12,3394,3395,3398],{},[237,3396,3397],{},"Freeimage.host"," is the proper no-account alternative. Guest uploads up to 64 MB, no expiration, direct links and embed codes provided. It runs on the Chevereto script, supports JPG, PNG, BMP, GIF and WebP. Watch out for ad-heavy viewer pages on Chevereto-based hosts generally - they're the norm, not the exception. Worth being aware that small Chevereto-based hosts have a history of quietly shutting down without notice, so don't treat it as forever-storage.",[12,3400,3401],{},"For email signatures specifically, the embed itself is trivial - the trap is that every preview of every email pings the host. A handful of personal emails a week is one thing; a sales team blasting a thousand a day is a bandwidth bill waiting to happen. More on the right home for that further down.",[22,3403,3405],{"id":3404},"best-for-ecommerce-listings-ebay-etsy-facebook-marketplace","Best for ecommerce listings (eBay, Etsy, Facebook Marketplace)",[12,3407,3408],{},"Read the TOS. Genuinely. Most free image hosts are written with consumer sharing in mind, and the moment money enters the equation you're outside the lines.",[12,3410,3411],{},"Imgur is the obvious one to avoid - their terms forbid hosting for any site that earns revenue, full stop. ImgBB and Postimages don't explicitly call out commercial use in the sources I've worked through, which is better than a ban but isn't a written permission either. Freeimage.host's terms only mention the usual copyrighted-material clauses.",[12,3413,3414,3415,3418],{},"In practice, if you're a small seller using free hosting for a handful of product photos, you'll probably be fine on the more permissive hosts for a while. The risk grows the moment a listing goes viral and the bandwidth tab spikes - that's when hotlink throttling or quiet image-deletion turns into a Sunday afternoon scramble. For anything you're actually trying to sell long-term, or for work-in-progress mockups you'd rather show only to the client (which is what ",[40,3416,3417],{"href":175},"password-protected sites"," are for), more on that below.",[22,3420,3422],{"id":3421},"where-to-host-images-for-a-website-you-own","Where to host images for a website you own",[12,3424,3425],{},"This is the job where free image hosts are simply the wrong tool, and where most \"Top 12\" listicles lead you down a daft path.",[12,3427,3428],{},"Throttling, hotlink rules, ads, deletion policies, account walls - all the trade-offs above stack against you when the image is meant to be part of a product or portfolio you control. ImageShack used to be the default for this and has since converted to paid; Flickr capped its free tier at 1,000 photos and gated full-size embeds behind Pro. Smaller Chevereto-based hosts have a habit of closing down without notice. Even Imgur, the assumed-permanent option, says explicitly that \"if an image receives zero views for a long period, it may be removed.\"",[12,3430,3431],{},"The right answer is to host the images alongside the thing they belong to. Drop them on a tiny static site you own, get stable URLs, no ads, no third-party TOS hanging over you. More on that in a moment.",[12,3433,3434,3435,3438],{},"A quick note on Google Drive while we're here: people keep trying to use it as a CDN and getting burned. Google Photos doesn't provide a clean direct link for embedding at all - you end up relying on third-party workaround tools that generate fragile URLs, which is exactly the \"potential point of failure\" you don't want in a webpage that's meant to work for years. Drive is for storage, not embedding. Same logic that applies to ",[40,3436,3437],{"href":556},"hosting PDFs"," - the consumer cloud drives weren't built for public web embedding, and it shows.",[22,3440,3442],{"id":3441},"when-is-a-free-image-host-the-wrong-tool","When is a free image host the wrong tool?",[12,3444,3445],{},"A simple checklist. If any of these apply, walk away from the free image host route:",[115,3447,3448,3451,3454,3457,3460,3463],{},[36,3449,3450],{},"You need the URL to work years from now.",[36,3452,3453],{},"You're embedding from a high-traffic page where hotlink throttling would hurt.",[36,3455,3456],{},"The image lives next to other images that belong together (asset bundle for a project).",[36,3458,3459],{},"The image is part of a product, portfolio, or brand you care about.",[36,3461,3462],{},"Zero tolerance for ads next to your URL.",[36,3464,3465],{},"You'd like to use your own domain on the link.",[12,3467,3468],{},"In every one of those cases, the better move is to stop looking at image hosts and put the image on a tiny static site instead. Which lands neatly on Hostsmith.",[22,3470,3472],{"id":3471},"use-hostsmith-for-stable-image-urls-and-small-image-pack-sites","Use Hostsmith for stable image URLs (and small image-pack sites)",[12,3474,3475,3476,3479],{},"I've been shipping static sites for long enough to develop strong opinions about where image assets belong, and ",[40,3477,389],{"href":3478},"\u002F"," is what I now point people to whenever the image matters more than the convenience of a single throwaway upload.",[12,3481,3482,3483,3298,3486,3489],{},"The free tier gives you one site, 5 GB bandwidth, 5,000 visitors a month, and a 5 MB per-file cap. You drag and drop your files - HTML, images, a small index page that lists them - and you get a working URL at ",[51,3484,3485],{},"your-site.us.hostsmith.link",[51,3487,3488],{},"your-site.eu.hostsmith.link"," (pick the region nearest to whoever's loading the page). No account hoops, no ads on your page, no terms of service banning you from using it for a small Etsy storefront.",[12,3491,3492],{},"Honest caveat: the free tier is sized for low-traffic personal use - a portfolio, a README's worth of images, mockups you're showing to a handful of people, the odd image in a personal email signature. The moment you're running a real ecommerce shop, a listing that goes viral, or a sales team's email signature hammered by thousands of email opens a day, the numbers don't work. 5 GB across 5,000 visits is roughly 1 MB per visit - one chunky product photo per pageview and you're out. That's what Pro is for: 5 sites, 100,000 visitors a month, 50 GB bandwidth, 500 MB storage, and 5 custom domains. Private Sites (password or email-whitelist gating) for client work you're not ready to show the world is available from the Starter plan up. If the images are paying your bills, or being requested by a mail server every few seconds, pay for the tier that matches.",[12,3494,3495],{},"That 5 MB per-file limit on the free tier is the one constraint to plan around. Modern phone JPGs straight out of the camera can blow past it; run them through a quick compress (Squoosh, ImageOptim, whatever you've got) and you'll typically land at a quarter the size with no visible loss. For most of what people are actually trying to host - product mockups, portfolio shots, a handful of images for a README - 5 MB is plenty.",[12,3497,3498,3499,3502,3503,3506,3507,3510,3511,3515],{},"The pattern I recommend: spin up a tiny index page that links your images by stable URL, drop the lot onto Hostsmith via ",[40,3500,3501],{"href":189},"drag-and-drop",", and you've effectively built yourself a personal image CDN that won't get yanked by a TOS change or quietly compressed by someone else's lossy pipeline. On Pro you point ",[51,3504,3505],{},"images.yoursite.com"," at it and the regional prefix disappears. The same approach is what I'd reach for if you were hosting ",[40,3508,3509],{"href":76},"a single HTML file"," or a small ",[40,3512,3514],{"href":3513},"\u002Fhost-portfolio-website","portfolio site"," - the images go in with the rest of the bundle and stay put.",[12,3517,3518],{},"Here's the bit I think about when I look back at that Quake clan site: the screenshots I uploaded to Angelfire are long gone, but the ones I FTP'd to a domain I owned are still on a hard drive somewhere, URLs and all. All these years later, the answer to \"where do I upload this image\" is the same as it was then - own the URL, and the image stays where you put it.",[22,3520,3522],{"id":3521},"quick-reference-which-tool-for-which-job","Quick reference: which tool for which job",[198,3524,3525,3538],{},[201,3526,3527],{},[204,3528,3529,3532,3535],{},[207,3530,3531],{},"Job",[207,3533,3534],{},"First pick",[207,3536,3537],{},"Backup",[229,3539,3540,3550,3559,3570,3581],{},[204,3541,3542,3545,3547],{},[234,3543,3544],{},"Throwaway one-off screenshot",[234,3546,3369],{},[234,3548,3549],{},"Imgur, Postimages",[204,3551,3552,3555,3557],{},[234,3553,3554],{},"Forum and email embed",[234,3556,3381],{},[234,3558,3397],{},[204,3560,3561,3564,3567],{},[234,3562,3563],{},"Ecommerce listing photos",[234,3565,3566],{},"Postimages (read TOS)",[234,3568,3569],{},"Hostsmith Pro (own URL, Private Sites)",[204,3571,3572,3575,3578],{},[234,3573,3574],{},"README, portfolio, product images",[234,3576,3577],{},"Hostsmith static site",[234,3579,3580],{},"Hostsmith Pro (custom domain)",[204,3582,3583,3586,3588],{},[234,3584,3585],{},"Image you need to work in 5 years",[234,3587,3577],{},[234,3589,3590],{},"Hostsmith Pro (custom domain, 50 GB bw)",[22,3592,1536],{"id":638},[12,3594,3595,3598],{},[237,3596,3597],{},"Is free image hosting really free forever?","\nRarely, in any honest sense. Hosts shift to paid models (ImageShack), cap free tiers more aggressively over time (Flickr, Imgur), delete inactive uploads (Imgur warns explicitly), or quietly disappear (smaller Chevereto-script hosts). Free for the next few months, sure. Forever is a marketing word.",[12,3600,3601,3604],{},[237,3602,3603],{},"Can I use free image hosts for commercial or ecommerce listings?","\nImgur is a hard no - their TOS forbids commercial use, CDN use, and hosting for any site that earns money. ImgBB, Postimages and Freeimage.host don't explicitly ban it, but absence of ban isn't permission. For anything you're actually trying to sell, host the images yourself.",[12,3606,3607,3610,3611,3478,3613,3478,3615,3478,3617,3619],{},[237,3608,3609],{},"What's the difference between a direct image link and a share link?","\nA direct link ends in ",[51,3612,3297],{},[51,3614,3301],{},[51,3616,3330],{},[51,3618,3333],{}," and the image itself loads when you open the URL. A share link points at a viewer page (with ads, comments, suggestions) that contains the image. Forums, emails and webpages need the direct link - that's the whole point of free image upload and link generation as a category.",[12,3621,3622,3625,3626,3630],{},[237,3623,3624],{},"Why doesn't my Google Drive image link work as an embed?","\nDrive and Photos weren't built as embedding endpoints. Google Photos in particular doesn't expose a clean direct link, so you end up relying on third-party URL-mangling tools that break the first time Google changes its internal URL scheme. If you need a ",[40,3627,3629],{"href":3628},"\u002Fgoogle-drive-website-hosting-alternatives","Google Drive alternative for embedding",", use a host built for the job.",[12,3632,3633,3636],{},[237,3634,3635],{},"How big can my image be on a free host?","\nRoughly: Imgur 20 MB (200 MB for animated\u002Fvideo), ImgBB 32 MB, Postimages 32 MB, Freeimage.host 64 MB. Hostsmith's free tier caps single files at 5 MB - smaller, but it's a proper static host, not an image dump.",[12,3638,3639,3642],{},[237,3640,3641],{},"Do free image hosts allow hotlinking?","\nMostly yes, in name. In practice, throttling, commercial-use bans (Imgur), and quiet image-deletion policies mean \"allow\" comes with footnotes. The bigger your hotlink traffic, the more those footnotes matter.",{"title":645,"searchDepth":646,"depth":646,"links":3644},[3645,3646,3647,3648,3649,3650,3651,3652,3653,3654],{"id":3278,"depth":646,"text":3279},{"id":3314,"depth":646,"text":3315},{"id":3360,"depth":646,"text":3361},{"id":3385,"depth":646,"text":3386},{"id":3404,"depth":646,"text":3405},{"id":3421,"depth":646,"text":3422},{"id":3441,"depth":646,"text":3442},{"id":3471,"depth":646,"text":3472},{"id":3521,"depth":646,"text":3522},{"id":638,"depth":646,"text":1536},"2026-06-11","Free image hosting for three jobs: a one-off link (ImgBB, Imgur), forum and email embeds (Postimages, Freeimage.host), and images for a site you own.","mdi:image-outline",{"excerpt":3659},{"type":9,"value":3660},[3661],[12,3662,3272],{},"\u002Ffree-image-web-hosting",{"title":3267,"description":3656},"free-image-web-hosting",[3667,3668,3669],"Image Hosting","Static Hosting","Web Development","3U0tkg3peu9rwJUjf1Eq7NT83tkqaE0cEfA9L5pmHnk",{"id":3672,"title":3673,"alt":6,"author":685,"body":3674,"date":4286,"description":4287,"extension":666,"icon":4288,"image":6,"meta":4289,"navigation":673,"path":4300,"published":6,"seo":4301,"stem":4302,"tags":4303,"__hash__":4307},"blog\u002Fupload-pdf-to-facebook.md","How to Upload a PDF to Facebook (The Honest 2026 Guide)",{"type":9,"value":3675,"toc":4273},[3676,3691,3694,3698,3701,3818,3821,3825,3828,3831,3835,3838,3843,3863,3868,3891,3894,3897,3911,3914,3918,3921,3926,3972,3975,3985,3993,3997,4000,4005,4019,4024,4049,4052,4077,4080,4084,4087,4090,4096,4100,4111,4121,4125,4156,4176,4182,4186,4193,4204,4207,4228,4230,4236,4242,4248,4254,4260,4266,4270],[12,3677,3678,3679,3682,3683,3686,3687,3690],{},"Right, let's get into it. The short, honest answer most articles bury three scrolls down: you cannot upload a PDF to Facebook on your personal timeline, your business Page feed, a Marketplace listing, a Story, a Reel, an Event, or an ad. The only two places you can drop a ",[51,3680,3681],{},".pdf"," and have Facebook actually accept it are inside a ",[237,3684,3685],{},"Group"," and inside ",[237,3688,3689],{},"Messenger",". Everywhere else you have to host the file somewhere with a real URL and share the link.",[12,3692,3693],{},"I've been hosting static files for clients since the early PHP-on-cPanel days, and the \"why can't I just upload a flippin' PDF\" question still lands in my inbox most weeks. So here's the workflow that actually works in 2026, surface by surface.",[22,3695,3697],{"id":3696},"the-short-answer-can-you-upload-a-pdf-to-facebook","The short answer - can you upload a PDF to Facebook?",[12,3699,3700],{},"Here's the quick reference. Print it out, stick it on the fridge.",[198,3702,3703,3716],{},[201,3704,3705],{},[204,3706,3707,3710,3713],{},[207,3708,3709],{},"Surface",[207,3711,3712],{},"Native PDF upload?",[207,3714,3715],{},"What to do instead",[229,3717,3718,3728,3737,3747,3758,3768,3778,3788,3798,3808],{},[204,3719,3720,3723,3725],{},[234,3721,3722],{},"Personal timeline",[234,3724,2236],{},[234,3726,3727],{},"Host PDF, share the link",[204,3729,3730,3733,3735],{},[234,3731,3732],{},"Business Page feed",[234,3734,2236],{},[234,3736,3727],{},[204,3738,3739,3742,3744],{},[234,3740,3741],{},"Facebook Group",[234,3743,270],{},[234,3745,3746],{},"Composer > More > File",[204,3748,3749,3752,3755],{},[234,3750,3751],{},"Messenger 1:1 chat",[234,3753,3754],{},"Yes (test >20 MB)",[234,3756,3757],{},"Paperclip \u002F attachment icon",[204,3759,3760,3763,3765],{},[234,3761,3762],{},"Messenger group chat",[234,3764,3754],{},[234,3766,3767],{},"Same as above",[204,3769,3770,3773,3775],{},[234,3771,3772],{},"Story",[234,3774,2236],{},[234,3776,3777],{},"Convert cover page to an image, add a link sticker",[204,3779,3780,3783,3785],{},[234,3781,3782],{},"Reel",[234,3784,2236],{},[234,3786,3787],{},"Reels are video only - put the hosted PDF link in the caption of a related Reel",[204,3789,3790,3793,3795],{},[234,3791,3792],{},"Marketplace listing",[234,3794,2236],{},[234,3796,3797],{},"Images only, or link in description",[204,3799,3800,3803,3805],{},[234,3801,3802],{},"Ads",[234,3804,2236],{},[234,3806,3807],{},"Link to a landing page",[204,3809,3810,3813,3815],{},[234,3811,3812],{},"Events",[234,3814,2236],{},[234,3816,3817],{},"Link in description",[12,3819,3820],{},"That's the lot. Two yeses, eight nos. Most other guides acknowledge this eventually; I'd rather you knew up front so you can pick the right method without faffing about.",[22,3822,3824],{"id":3823},"why-facebook-blocks-pdfs-on-most-surfaces","Why Facebook blocks PDFs on most surfaces",[12,3826,3827],{},"Facebook is built around the visual feed. Photos, videos, the occasional link card. A PDF preview breaks that loop - the user has to download or open a viewer, the algorithm gets nothing engaging to surface, and the post sinks. Groups inherited the old \"Files\" tab from the early Facebook days when it was effectively a glorified intranet for university clubs, and that tab is the one survivor of native file uploads. Messenger kept attachments because it's a chat app and people send each other files.",[12,3829,3830],{},"That's it. There's no conspiracy, just a product decision Facebook never reversed.",[22,3832,3834],{"id":3833},"upload-a-pdf-to-a-facebook-group-desktop-and-mobile","Upload a PDF to a Facebook Group (desktop and mobile)",[12,3836,3837],{},"The native Facebook PDF upload only works inside a Group. The composer flow has shifted around over the years, but in 2026 the file option lives inside the post composer on both desktop and mobile.",[12,3839,3840],{},[237,3841,3842],{},"Desktop (Windows or Mac):",[33,3844,3845,3848,3851,3857],{},[36,3846,3847],{},"Open the Group in your browser.",[36,3849,3850],{},"Click the \"Write something...\" box at the top to open the composer.",[36,3852,3853,3854,46],{},"Look for either a paperclip icon directly in the composer or the three-dot \"More\" menu in the \"Add to your post\" row - Facebook runs both layouts in 2026 depending on the account. Whichever you have, the option you want is ",[237,3855,3856],{},"File",[36,3858,3859,3860,46],{},"Choose your PDF, write a description, hit ",[237,3861,3862],{},"Post",[12,3864,3865],{},[237,3866,3867],{},"Mobile (iOS or Android):",[33,3869,3870,3873,3876,3879,3886],{},[36,3871,3872],{},"Open the Group in the Facebook app.",[36,3874,3875],{},"Tap the \"Write something...\" box.",[36,3877,3878],{},"Tap the paperclip \u002F attachment icon directly in the composer (mobile tends to skip the three-dot menu).",[36,3880,3881,3882,3885],{},"Pick ",[237,3883,3884],{},"Add File"," and select your PDF from local storage.",[36,3887,3888,3889,46],{},"Hit ",[237,3890,3862],{},[12,3892,3893],{},"The Group's Files tab accepts PDFs, Word docs (.doc, .docx), Excel sheets (.xls, .xlsx, .csv), PowerPoint (.ppt, .pptx), and plain text (.txt). It doesn't accept audio or video through the Files tab - those use the normal photo\u002Fvideo uploader instead.",[12,3895,3896],{},"A few trade-offs worth knowing before you commit to this method:",[115,3898,3899,3902,3905,3908],{},[36,3900,3901],{},"The PDF lives inside the Group. Members can download it; non-members can't see it.",[36,3903,3904],{},"When members re-share the post outside the Group, the PDF doesn't travel with the share.",[36,3906,3907],{},"Rendering is plain. Facebook shows the filename and a small icon, no fancy embedded viewer.",[36,3909,3910],{},"If a Group admin has restricted who can post files, the option won't appear. Worth checking the Group's Files toggle under admin permissions if the icon's missing.",[12,3912,3913],{},"In my experience this is fine for member-only docs - a club's meeting minutes, a community football team's fixture list, a book group's reading schedule. For anything you want to push to the wider world, keep reading.",[22,3915,3917],{"id":3916},"how-to-post-a-pdf-on-a-facebook-page-or-personal-timeline","How to Post a PDF on a Facebook Page (or Personal Timeline)",[12,3919,3920],{},"You cannot post a PDF on a Facebook Page or personal timeline directly - the composer simply doesn't have a \"Upload PDF\" button, no matter how many YouTube tutorials promise a hidden setting. The fix is to host the file somewhere with a real URL, then share that URL.",[12,3922,3923],{},[237,3924,3925],{},"The workflow to attach a PDF to a Facebook post via link:",[33,3927,3928,3941,3960,3966],{},[36,3929,3930,3933,3934,3936,3937,3940],{},[237,3931,3932],{},"Host the PDF on a static URL."," You need a direct link that ends in ",[51,3935,3681],{}," and serves the file without a login wall. Static hosting platforms (more on that later) work; so does any decent web host. There's a fuller ",[40,3938,3939],{"href":556},"PDF hosting guide"," on this blog if you want options compared side by side.",[36,3942,3943,3946,3947,3950,3951,3954,3955,3959],{},[237,3944,3945],{},"Copy the direct URL."," It should look like ",[51,3948,3949],{},"https:\u002F\u002Fyoursite.example\u002Fmenu.pdf"," - clean, no ",[51,3952,3953],{},"view?usp=sharing"," query string. If you need a quick refresher, ",[40,3956,3958],{"href":3957},"\u002Fcreate-link-to-pdf","how to create a link to a PDF"," covers the basics.",[36,3961,3962,3965],{},[237,3963,3964],{},"Paste the URL into the Facebook composer."," Facebook will try to fetch a preview card. Wait a couple of seconds for it to populate.",[36,3967,3968,3971],{},[237,3969,3970],{},"Attach a cover image to the post."," This is the bit most people skip and it's the bit that actually drives engagement. Convert the first page of your PDF (or the prettiest page) into a JPG or PNG screenshot and attach it to the post as a photo, then delete the auto-generated link card preview if it looks naff. Write your post text, paste the link in the body or - better - in the first comment.",[12,3973,3974],{},"Why the cover image matters more than the auto-preview: Facebook's scraper is unreliable on PDF URLs. Sometimes it pulls the first page, sometimes it grabs nothing, sometimes it shows a bare website logo. Even when it works, link posts get throttled in the feed relative to image posts. Posting your own cover image makes it a photo post in the algorithm's eyes, which gets more reach, and you control exactly how it looks.",[12,3976,3977,3978,54,3980,3984],{},"If you want to go further and build a proper landing page around the file rather than a raw ",[51,3979,3681],{},[40,3981,3983],{"href":3982},"\u002Fembed-pdf-in-html","embedding the PDF in HTML"," is the way to go - you get a branded page, a back button, and room for a call to action.",[12,3986,3987,3988,3992],{},"A word on Google Drive: yes, you can host a PDF on Drive and paste the share link (",[40,3989,3991],{"href":3990},"\u002Fupload-pdf-to-google-docs","here's the Drive route"," if you want it). It works in a pinch. But Drive often serves a sign-in prompt or a generic Google logo as the preview, especially for users who aren't logged into a Google account on the same browser. If the post is going on a Page where you actually want eyeballs and clicks, a direct hosted PDF gives you a far cleaner preview and no login friction.",[22,3994,3996],{"id":3995},"share-a-pdf-in-facebook-messenger","Share a PDF in Facebook Messenger",[12,3998,3999],{},"Messenger is the other place native PDFs work, and the flow to share a PDF in Messenger is straightforward.",[12,4001,4002],{},[237,4003,4004],{},"Desktop:",[33,4006,4007,4010,4013,4016],{},[36,4008,4009],{},"Open the Messenger thread (or messenger.com).",[36,4011,4012],{},"Click the paperclip icon next to the message box.",[36,4014,4015],{},"Pick the PDF from your computer.",[36,4017,4018],{},"Add a message if you like, hit Enter.",[12,4020,4021],{},[237,4022,4023],{},"Mobile:",[33,4025,4026,4029,4032,4046],{},[36,4027,4028],{},"Open the Messenger app, open the thread.",[36,4030,4031],{},"Tap the attachment icon (looks like a paperclip on Android, \"+\" on iOS).",[36,4033,4034,4035,3298,4038,4041,4042,4045],{},"On Android, pick ",[237,4036,4037],{},"Files",[237,4039,4040],{},"Documents"," to browse local storage. On iOS, tap ",[237,4043,4044],{},"Browse"," to open the Files app, which also covers iCloud and Google Drive if you've linked them.",[36,4047,4048],{},"Pick the PDF and tap Send.",[12,4050,4051],{},"In practice files over roughly 25 MB tend to fail to send, sometimes silently. Meta hasn't published a hard cap, so test before you rely on it. Three ways to deal with an oversized file:",[115,4053,4054,4060,4066],{},[36,4055,4056,4059],{},[237,4057,4058],{},"Compress the PDF."," Acrobat, PDF Candy, or Word's \"Minimum size\" export will usually halve the file size without anyone noticing the quality drop.",[36,4061,4062,4065],{},[237,4063,4064],{},"Split the PDF."," Send two files of 20 MB each, sliced into front-half and back-half.",[36,4067,4068,4071,4072,4076],{},[237,4069,4070],{},"Send the hosted link instead."," Host the PDF (as in the Page method above), paste the URL into Messenger. No size limit, the recipient can open it on any device, and you can update the file later without re-sending. ",[40,4073,4075],{"href":4074},"\u002Fhow-to-share-pdf-as-a-link","How to share a PDF as a link"," walks through this in more depth.",[12,4078,4079],{},"On the recipient side, Messenger sometimes shows an inline preview thumbnail of the first page, sometimes just a file icon - depends on the recipient's device, the Messenger version, and whether the PDF has fancy embedded fonts or vector layers. Don't bet on inline rendering; assume they'll tap to download.",[22,4081,4083],{"id":4082},"posting-a-private-or-confidential-pdf","Posting a private or confidential PDF",[12,4085,4086],{},"This is the bit no other guide covers, which is funny given how often it comes up. Client proofs, internal price lists, member-only handbooks, a quote you don't want a competitor stumbling onto - you want to share the PDF, but not to anyone with the link.",[12,4088,4089],{},"A Facebook Group is one option (closed Group, members only), but you're stuck with Facebook's UI and the file lives on their servers. The cleaner approach is to host the PDF on a URL that's behind access control - either a password or an email whitelist - and share that URL through Messenger or in a closed Group.",[12,4091,4092,4095],{},[40,4093,4094],{"href":175},"Password-protecting the hosted page"," is straightforward on most modern static hosts that support it. You give the recipient the link and the password through two different channels (link in Messenger, password in a text or an email, that sort of thing) and you can rotate or revoke access without re-uploading anything. Beats hoping a Group's privacy settings haven't drifted.",[22,4097,4099],{"id":4098},"branding-tip-use-a-custom-domain-for-the-pdf-link","Branding tip - use a custom domain for the PDF link",[12,4101,4102,4103,4106,4107,4110],{},"When you're sharing a menu or a brochure on a business Page, the URL is part of the brand. ",[51,4104,4105],{},"menu.yourrestaurant.co.uk\u002Fspring-2026.pdf"," looks like you know what you're doing. ",[51,4108,4109],{},"randomhost.example\u002Fu\u002F49271\u002Fmenu_final_v3.pdf"," does not.",[12,4112,4113,4114,3298,4117,4120],{},"Most static hosts that support custom domains will let you map something like ",[51,4115,4116],{},"files.yoursite.com",[51,4118,4119],{},"menu.yoursite.com"," to a folder and serve PDFs from there. It's a one-off DNS setup and then every PDF you publish carries your brand in the URL. Not a hill I'd die on for a one-off post, but if you're sharing files weekly it pays off.",[22,4122,4124],{"id":4123},"common-errors-and-fixes","Common errors and fixes",[12,4126,4127,4130,4131,4136,4137,4140,4141,4144,4145,54,4148,4151,4152,4155],{},[237,4128,4129],{},"The link preview is blank, wrong, or stuck on an old version."," Facebook caches link previews aggressively. When you've updated the PDF but Facebook keeps showing the stale thumbnail, run the URL through the ",[40,4132,4135],{"href":4133,"rel":4134},"https:\u002F\u002Fdevelopers.facebook.com\u002Ftools\u002Fdebug\u002F",[44],"Facebook Sharing Debugger",". Paste your URL in, click ",[237,4138,4139],{},"Debug",", then click ",[237,4142,4143],{},"Scrape Again"," to force Facebook to re-fetch the page and its Open Graph tags. You sometimes need to scrape twice for the new preview to stick. While you're there, double-check the hosting page has proper ",[51,4146,4147],{},"og:title",[51,4149,4150],{},"og:description",", and ",[51,4153,4154],{},"og:image"," meta tags - that's what Facebook reads.",[12,4157,4158,4161,4162,54,4165,54,4168,4171,4172,4175],{},[237,4159,4160],{},"Wrong file type rejected."," Groups don't accept ",[51,4163,4164],{},".pages",[51,4166,4167],{},".key",[51,4169,4170],{},".indd",", or ",[51,4173,4174],{},".numbers"," - export to PDF first.",[12,4177,4178,4181],{},[237,4179,4180],{},"File option missing on mobile."," Sometimes the mobile composer hides the file attachment behind a \"More\" menu, sometimes it's absent in a particular Group because admin settings restricted it. Try the desktop site as a fallback, or post from the Group's dedicated Files tab.",[22,4183,4185],{"id":4184},"host-your-pdf-in-60-seconds-with-hostsmith","Host your PDF in 60 seconds with Hostsmith",[12,4187,4188,4189,4192],{},"I'd be remiss not to mention that this whole host-and-link workflow is exactly what ",[40,4190,389],{"href":603,"rel":4191},[44]," was built for. Drag your PDF onto the dashboard, get a direct URL back, paste it into Facebook. That's the whole flow.",[12,4194,4195,4196,4199,4200,4203],{},"Take the pub round the corner from me in Bedminster. The landlord changes the Sunday roast menu every week, posts it to the pub's Facebook Page on a Friday afternoon, and used to email me asking why the link preview showed a Google Drive logo instead of his actual menu. The fix took ten minutes: drop the weekly ",[51,4197,4198],{},"roast-menu.pdf"," onto Hostsmith, get back ",[51,4201,4202],{},"menu.thecrowninn.co.uk\u002Froast.pdf",", paste that into the Page composer with a screenshot of the menu's header as the cover image, run the URL through the Sharing Debugger once. The post now goes out every Friday with a proper photo of the menu, the link sits in the first comment, and the regulars actually see it. Same routine works for a parish bulletin, an estate-agent flyer, a market trader's price list - anything you're publishing weekly to a Page where you'd like people to actually click.",[12,4205,4206],{},"A few specifics that make Hostsmith pleasant for this job:",[115,4208,4209,4212,4215,4222],{},[36,4210,4211],{},"The free tier handles files up to 5 MB - covers most menus, single-page flyers, event programmes.",[36,4213,4214],{},"Starter plan bumps the storage ceiling to 50 MB, which is roomy for a long brochure, and adds Private Sites - password or email whitelist - which is the proper answer to the \"private PDF\" question above.",[36,4216,4217,4218,4221],{},"Pro plan adds custom domains (so you get ",[51,4219,4220],{},"menu.yourrestaurant.com"," instead of a generic subdomain) on top of Private Sites.",[36,4223,4224,4225,4227],{},"Direct URLs end in ",[51,4226,3681],{},", which means Facebook's scraper, the Sharing Debugger, and Open Graph tags all behave sensibly. No login walls, no Drive-style preview gremlins.",[22,4229,639],{"id":638},[12,4231,4232,4235],{},[237,4233,4234],{},"Can I upload a PDF to my Facebook business Page directly?","\nNo. Page feed posts don't have a file upload option. Host the PDF on a real URL and share the link, ideally with a cover image attached to the post.",[12,4237,4238,4241],{},[237,4239,4240],{},"Can I post a PDF on Facebook Marketplace?","\nNo. Marketplace listings only accept images. The usual workaround is dropping the hosted PDF link into the listing's description.",[12,4243,4244,4247],{},[237,4245,4246],{},"Can I attach a PDF to a Facebook ad?","\nNo. Ads link to a landing page; if your offer is a PDF, put it on a hosted page that the ad clicks through to.",[12,4249,4250,4253],{},[237,4251,4252],{},"Can I share a PDF in a Facebook Story?","\nNot directly. Convert the cover page of the PDF into an image, use that as the Story background, and add a link sticker pointing at the hosted PDF URL.",[12,4255,4256,4259],{},[237,4257,4258],{},"What's the file size limit for PDFs on Facebook?","\nFacebook hasn't published hard numbers for either Groups or Messenger. In practice Group uploads cope with anything up to a few tens of megabytes, and Messenger tends to start failing - sometimes silently - past roughly 25 MB. Test before you commit, and for anything larger host the file externally and share the link.",[12,4261,4262,4265],{},[237,4263,4264],{},"Can people download the PDF I posted in a Group?","\nYes. Anyone in the Group can download it. If you don't want that, use a password-protected hosted URL and share that link in the Group instead.",[22,4267,4269],{"id":4268},"the-one-thing-to-remember","The one thing to remember",[12,4271,4272],{},"If you take one thing from this guide: attach your own cover image to the link post instead of relying on Facebook's auto-preview. It's the single biggest difference between a link post that gets seen and one that sinks beneath the next cat video.",{"title":645,"searchDepth":646,"depth":646,"links":4274},[4275,4276,4277,4278,4279,4280,4281,4282,4283,4284,4285],{"id":3696,"depth":646,"text":3697},{"id":3823,"depth":646,"text":3824},{"id":3833,"depth":646,"text":3834},{"id":3916,"depth":646,"text":3917},{"id":3995,"depth":646,"text":3996},{"id":4082,"depth":646,"text":4083},{"id":4098,"depth":646,"text":4099},{"id":4123,"depth":646,"text":4124},{"id":4184,"depth":646,"text":4185},{"id":638,"depth":646,"text":639},{"id":4268,"depth":646,"text":4269},"2026-06-10","Facebook only accepts native PDF uploads in Groups and Messenger. Everywhere else - Pages, timelines, Marketplace - you host the PDF and share the link.","lucide:file-text",{"excerpt":4290},{"type":9,"value":4291},[4292],[12,4293,3678,4294,3682,4296,3686,4298,3690],{},[51,4295,3681],{},[237,4297,3685],{},[237,4299,3689],{},"\u002Fupload-pdf-to-facebook",{"title":3673,"description":4287},"upload-pdf-to-facebook",[4304,4305,4306],"Facebook","PDF","Social Media","_AOtahtjWA3ILCxh-W82DHnrJEr8eMMy4Nsq8n4JQ_Y",{"id":4309,"title":4310,"alt":6,"author":685,"body":4311,"date":5148,"description":5149,"extension":666,"icon":5150,"image":6,"meta":5151,"navigation":673,"path":1259,"published":6,"seo":5158,"stem":5159,"tags":5160,"__hash__":5162},"blog\u002Fwebflow-alternatives.md","Webflow Alternatives 2026: Where to Move Client Sites",{"type":9,"value":4312,"toc":5120},[4313,4320,4323,4327,4385,4389,4396,4405,4408,4412,4415,4459,4463,4467,4470,4473,4476,4479,4485,4490,4494,4497,4500,4510,4513,4518,4522,4526,4529,4532,4538,4543,4547,4550,4553,4556,4561,4565,4569,4572,4575,4610,4618,4623,4627,4630,4642,4647,4651,4654,4658,4661,4664,4667,4672,4677,4681,4684,4687,4692,4696,4700,4703,4706,4711,4715,4718,4721,4726,4730,4733,4738,5042,5045,5047,5052,5055,5060,5063,5068,5071,5076,5086,5091,5094,5099,5102,5106,5117],[12,4314,4315,4316,4319],{},"The best Webflow alternatives in 2026 are Framer for animation-led sites, Webstudio for open source and code ownership, Wix Studio for agencies that want everything hosted in one place, and WordPress for content-heavy sites. If you build client sites in a Freelancer or Agency Workspace, ",[40,4317,4318],{"href":1592},"Webflow's new Site plan prices"," reach them at their first renewal or billable change on or after November 16, 2026, so for most studios the real question isn't whether to leave Webflow but where each client site should go.",[12,4321,4322],{},"Below are ten options, grouped by who tends to pick them, each with a plain \"what you give up\" line, and a table that puts prices, CMS depth, redirects and exit routes side by side.",[22,4324,4326],{"id":4325},"tldr-which-webflow-alternative-should-you-pick","TL;DR: which Webflow alternative should you pick?",[115,4328,4329,4335,4341,4347,4353,4359,4365,4371],{},[36,4330,4331,4334],{},[237,4332,4333],{},"Designer leaving for animation polish:"," Framer.",[36,4336,4337,4340],{},[237,4338,4339],{},"Designer who wants open source and code ownership:"," Webstudio.",[36,4342,4343,4346],{},[237,4344,4345],{},"Agency that wants client sites hosted and billed in one place:"," Wix Studio.",[36,4348,4349,4352],{},[237,4350,4351],{},"Typography-led site that wants polished defaults:"," Squarespace.",[36,4354,4355,4358],{},[237,4356,4357],{},"Content-heavy site that needs a deep CMS:"," WordPress.",[36,4360,4361,4364],{},[237,4362,4363],{},"Publication, newsletter or membership site:"," Ghost.",[36,4366,4367,4370],{},[237,4368,4369],{},"Developer who wants a visual builder feeding a React codebase:"," Plasmic, or TeleportHQ if you just want the exported code.",[36,4372,4373,4376,4377,4380,4381,4384],{},[237,4374,4375],{},"Webflow designer who only wants off Webflow hosting:"," export the site and move it to a host that serves ",[51,4378,4379],{},"about.html"," at ",[51,4382,4383],{},"\u002Fabout",", such as Cloudflare, Netlify or Hostsmith (we make it), which also puts private client previews of the export behind a password.",[22,4386,4388],{"id":4387},"why-people-leave-webflow-in-2026","Why people leave Webflow in 2026",[12,4390,4391,4392,4395],{},"Price comes first: on yearly billing, Webflow's Basic Site plan is $15 a month and Premium, the plan with the CMS, is $25 ($25 and $39 respectively on monthly billing, as of October 2026). If you build for clients, a Workspace plan sits on top of all that, with Freelancer at $16 a month billed yearly ($24 monthly) and Agency at $35 ($42). In the ten-site Freelancer book I modelled in ",[40,4393,4394],{"href":1592},"my Webflow Workspace plans breakdown",", the monthly bill goes from $220 today to $274 after renewal if nobody touches the billing.",[12,4397,4398,4399,4404],{},"The second reason is product churn. Webflow closed User Accounts to new sites in January 2025 and switched them off on January 29, 2026; the Legacy Editor, the old way for clients to change their own copy, became unavailable on August 4, 2026 and was ",[40,4400,4403],{"href":4401,"rel":4402},"https:\u002F\u002Fhelp.webflow.com\u002Fhc\u002Fen-us\u002Farticles\u002F48412420902675",[44],"fully switched off on October 5",". If you'd built a client workflow around either, you've had to rebuild it, and that makes the next renewal feel less like a formality.",[12,4406,4407],{},"The third is what you can take with you. Webflow's code export gives you the HTML, CSS, JavaScript and images, but leaves out CMS content, form handling, Ecommerce and site search. The content isn't trapped, though: the CMS panel exports each Collection as a CSV and form submissions export as a CSV too, and while 301 redirects don't run on the new host, you can export them as a CSV and recreate them. So exporting suits a brochure site, and is a proper project for anything built on Collections.",[22,4409,4411],{"id":4410},"what-to-look-for-in-a-webflow-alternative","What to look for in a Webflow alternative",[12,4413,4414],{},"The right alternative depends on your clients more than your taste. What I'd check before moving a single site:",[33,4416,4417,4423,4429,4435,4441,4447,4453],{},[36,4418,4419,4422],{},[237,4420,4421],{},"Total cost at your team size."," With the seats and sites you actually run.",[36,4424,4425,4428],{},[237,4426,4427],{},"Lock-in."," Can you export the site and host it elsewhere?",[36,4430,4431,4434],{},[237,4432,4433],{},"CMS depth."," Collections, references, drafts, an API. Webflow's CMS is genuinely good; plenty of tools quietly aren't.",[36,4436,4437,4440],{},[237,4438,4439],{},"Client editing and handoff."," Can the client change a headline without ringing you, and take over the bill if you part ways?",[36,4442,4443,4446],{},[237,4444,4445],{},"URL continuity."," Do the old URLs keep working, and can you add redirects where they don't?",[36,4448,4449,4452],{},[237,4450,4451],{},"Animation and interactions."," If your work leans on scroll-linked effects, half this list won't cut it.",[36,4454,4455,4458],{},[237,4456,4457],{},"The boring stuff."," Forms, SSL, SEO controls, custom code.",[22,4460,4462],{"id":4461},"designer-first-builders","Designer-first builders",[502,4464,4466],{"id":4465},"_1-framer","1. Framer",[12,4468,4469],{},"Best for designers who prioritise animation polish and a Figma-style canvas.",[12,4471,4472],{},"Framer is a designer's tool first, with code as an escape hatch rather than the destination. The canvas will feel familiar to anyone coming from Figma, and I reckon the animation tools (scroll-driven effects, transitions between component states and the like) are what tempt most designers across, and where Framer pulls clear of Webflow.",[12,4474,4475],{},"Framer's pricing page lists Basic at $10 a month, with 2 CMS collections and 1,000 items, and Pro at $30, with 10 collections and 2,500 items (the prices shown on its default billing toggle, October 2026). Redirects are a Pro feature, so if a site's URL paths change in the move, you need Pro ($30) for the redirects. The Free plan is meant for non-commercial use and can't take a custom domain. Extra editors are $20 a month each, and a client who only edits CMS content can be a $10 content editor (October 2026).",[12,4477,4478],{},"For the move, a Webflow Import plugin on Framer's Marketplace, built by an independent developer rather than by Framer, migrates CMS content (collections, the links between items, images and files) and carries your 301 redirects across, though redirect import needs a Framer plan that includes them. It's free for the first 25 items of each collection; a one-time licence is $49 for one project or $99 for unlimited projects (October 2026). It doesn't claim to bring pages, layouts or interactions, so the design is a rebuild.",[12,4480,4481,4484],{},[237,4482,4483],{},"What you give up:"," there's no full-site code export, so the site lives on Framer's hosting, and the CMS is shallower than Webflow's.",[12,4486,4487,4488,46],{},"I've gone deeper on the head-to-head in ",[40,4489,1264],{"href":1263},[502,4491,4493],{"id":4492},"_2-webstudio","2. Webstudio",[12,4495,4496],{},"Best for designers and developer-leaning studios who want open source and to own the output.",[12,4498,4499],{},"Webstudio is an open-source visual builder, licensed under AGPL-3.0, and of everything here its interface feels most like the Webflow Designer: you style with CSS properties and breakpoints. Where it parts company with Webflow is ownership. The Webstudio CLI builds a project either as a static site, which is plain HTML, CSS and JavaScript that any static host can serve with no Node on the server, or as a JavaScript app with server routes, which needs a host that can run it.",[12,4501,4502,4503,3298,4506,4509],{},"Know the static build's limits before you promise it to a client: Webstudio's self-hosting docs list no dynamic pages, redirects, webhook forms, image optimisation, ",[51,4504,4505],{},"robots.txt",[51,4507,4508],{},"sitemap.xml"," in a static export. On Webstudio's own hosting, project settings handle 301 and 302 redirects. There's no built-in CMS either; you connect a headless CMS, which means a second service for any client with a blog.",[12,4511,4512],{},"There's a free plan, and Pro is $20 a month on Webstudio's pricing page (October 2026).",[12,4514,4515,4517],{},[237,4516,4483],{}," maturity. The template and component marketplace is a fraction of Webflow's, and you're the one wiring up the CMS, so budget for a few rough edges.",[22,4519,4521],{"id":4520},"no-code-all-rounders","No-code all-rounders",[502,4523,4525],{"id":4524},"_3-wix-studio","3. Wix Studio",[12,4527,4528],{},"Best for agencies that want design, hosting and client billing in one place.",[12,4530,4531],{},"Wix Studio is Wix's platform for agencies and freelancers: a responsive canvas, a CMS with collections and dynamic pages, hundreds of apps in the app market, and a URL Redirect Manager for 301s from the old Webflow paths. Studio plans run from $19 a month (Basic) through Standard at $27 and Plus at $34 to $159 (Elite), billed yearly, one plan per site, as of October 14, 2026.",[12,4533,4534,4535,46],{},"The agency angle is billing. As a Wix Partner you can send a client a payment request for their Studio plan; once they pay, Wix bills them directly for renewals, so the hosting stays off your invoice. I've lined the plans up against Webflow's in ",[40,4536,4537],{"href":1268},"Wix vs Webflow pricing",[12,4539,4540,4542],{},[237,4541,4483],{}," code export. There isn't any; CMS collections come out as CSV, but the design and pages stay on Wix, so if \"we might move this in three years\" is on your risk register, this isn't the pick.",[502,4544,4546],{"id":4545},"_4-squarespace","4. Squarespace",[12,4548,4549],{},"Best for typography-led portfolios and small-business sites that want polished defaults without fiddling.",[12,4551,4552],{},"Squarespace suits clients who don't want a builder, they want a website. The Fluid Engine editor is less flexible than Webflow's Designer, but the templates are tasteful, the typography is good out of the box, commerce and the blog are built in, and URL mappings take care of 301 redirects.",[12,4554,4555],{},"The plans are Basic, Core, Plus and Advanced. After a July 2026 increase, Basic is $19 a month, Core $29, Plus $49 and Advanced $99 (unchanged) on yearly billing (October 2026; monthly billing costs more). Basic takes a 2% fee on store sales; Core and up don't.",[12,4557,4558,4560],{},[237,4559,4483],{}," full creative control, and an exit. If the design depends on unusual grids or pixel-precise positioning, Squarespace will fight you, and there's no code export, so leaving later means a rebuild.",[22,4562,4564],{"id":4563},"keep-the-designer-migrate-the-hosting","Keep the Designer, migrate the hosting",[502,4566,4568],{"id":4567},"_5-webflow-export-plus-a-static-host","5. Webflow export plus a static host",[12,4570,4571],{},"Best for Webflow designers whose brochure sites need to leave Webflow hosting but not the Designer.",[12,4573,4574],{},"This is the route most lists skip: keep designing in Webflow, export the site and host the files somewhere else. The catches:",[115,4576,4577,4583,4589],{},[36,4578,4579,4582],{},[237,4580,4581],{},"Export needs a paid Workspace plan."," Freelancer is $16 a month billed yearly ($24 monthly, October 2026), and you need it for every re-export.",[36,4584,4585,4588],{},[237,4586,4587],{},"Content comes out as CSV."," CMS Collections, form submissions and 301 redirects all export as CSV, but Collection pages need rebuilding, forms need a third-party form service and the redirects need a host that can run them.",[36,4590,4591,4594,4595,4597,4598,4600,4601,4380,4603,4605,4606,4609],{},[237,4592,4593],{},"URLs have to survive."," The export ships ",[51,4596,4379],{},", while Google indexed ",[51,4599,4383],{},". Pick a host that serves ",[51,4602,4379],{},[51,4604,4383],{},", such as Cloudflare, Netlify or Hostsmith, so the indexed URLs keep working. The ",[40,4607,4608],{"href":1285},"Webflow migration checklist"," covers the URL check, the redirects CSV and when to cancel the Site plan.",[12,4611,4612,4613,4615,4616,46],{},"Cloudflare and Netlify both take a ",[51,4614,2737],{}," file for those 301s, though when a Free Netlify account runs out of credits, Netlify pauses every project on it; prices and limits are side by side in ",[40,4617,1300],{"href":1299},[12,4619,4620,4622],{},[237,4621,4483],{}," the live CMS, Webflow's form handling and the client publishing their own edits. Every change goes through you (edit in the Designer, re-export, redeploy), which is fine for a site that changes twice a year and not for a client who edits weekly.",[502,4624,4626],{"id":4625},"_6-hostsmith","6. Hostsmith",[12,4628,4629],{},"Best for freelancers and small agencies moving several brochure sites off Webflow hosting who want one plan and one renewal date for all of them.",[12,4631,4632,4635,4636,4638,4639,4641],{},[40,4633,389],{"href":603,"rel":4634},[44]," (disclosure: it's our product) is a static host for the route above: the exported files go up as they are, and the client's old ",[51,4637,4383],{}," links still land, because it answers them from ",[51,4640,4379],{},". Where it differs from Webflow is the bill. One Pro plan covers five client sites on their own domains for $15 a month billed yearly ($21 monthly, October 2026), and it renews on one date, where Webflow would bill each client's site on its own plan. When the client wants a change, you re-export and upload the new ZIP to the same site, and from Starter, Private Sites can keep a site behind a shared password until it goes public.",[12,4643,4644,4646],{},[237,4645,4483],{}," everything on entry 5's list, as it's the same export: no live CMS, no Webflow form handling, and every edit goes through you. A custom domain needs Pro, as Starter's single site stays on a hostsmith.link address.",[22,4648,4650],{"id":4649},"open-source-webflow-alternatives","Open source Webflow alternatives",[12,4652,4653],{},"If avoiding lock-in is the whole point, open source is the cleanest answer. Webstudio (above) is the open-source take on the visual builder, and GrapesJS, an editor framework under the BSD 3-Clause licence, is the one to look at if you're building a page editor into your own product rather than shipping client sites. For client work, though, the two that matter are mature CMSs.",[502,4655,4657],{"id":4656},"_7-wordpress","7. WordPress",[12,4659,4660],{},"Best for content-heavy sites that have outgrown Webflow's CMS.",[12,4662,4663],{},"WordPress runs 39.7% of all websites, and 58.5% of the sites whose CMS W3Techs can identify (W3Techs, October 15, 2026). The block editor isn't Webflow, but pair it with a visual builder like Elementor, Bricks, Breakdance or Oxygen and you're in similar territory. The CMS is deep: custom post types, custom fields, and a REST API if you want to go headless.",[12,4665,4666],{},"Webflow's Collection CSVs go in through a CSV import plugin and the old paths through a redirect plugin, though the templates are a rebuild. Hosting runs from a VPS you maintain yourself to managed WordPress hosts that handle updates for you, and prices vary a lot.",[12,4668,4669,4671],{},[237,4670,4483],{}," maintenance. Core, theme and plugin updates are on you or your host, and plugin compatibility gets real once you're stacking a dozen of them.",[12,4673,4674,4675,46],{},"Long-form: ",[40,4676,1274],{"href":1273},[502,4678,4680],{"id":4679},"_8-ghost","8. Ghost",[12,4682,4683],{},"Best for publications, newsletters and membership sites.",[12,4685,4686],{},"Ghost is the opinionated publishing CMS: open source, with newsletters and paid memberships built in, for anyone in the \"Substack, but I own the stack\" camp. Self-hosting is free apart from the server; Ghost(Pro) Starter is $18 a month billed yearly for up to 1,000 members (October 2026).",[12,4688,4689,4691],{},[237,4690,4483],{}," Ghost is a publishing tool, not a general site builder. A portfolio with bespoke pages and animation isn't its job, and a custom theme (Handlebars templates) is developer work.",[22,4693,4695],{"id":4694},"builders-that-hand-developers-the-code","Builders that hand developers the code",[502,4697,4699],{"id":4698},"_9-plasmic","9. Plasmic",[12,4701,4702],{},"Best for product teams who want a visual builder feeding a React codebase.",[12,4704,4705],{},"Plasmic puts designers and developers in the same tool while the output lives in a real codebase: you design in the visual editor and pull pages and components into a React or Next.js app, and the marketing team edits copy without filing a ticket. The Free plan is $0 with 3 collaborators; paid plans are Starter at $39 a month billed yearly, Pro at $103 and Scale at $399 (October 2026).",[12,4707,4708,4710],{},[237,4709,4483],{}," simplicity. Plasmic can host simple sites itself (Free carries a Plasmic badge, which Starter removes), but the reason to choose it is the codebase integration, which means a codebase, a host and a deploy pipeline of your own. Worth it with a developer on the team; overkill without one.",[502,4712,4714],{"id":4713},"_10-teleporthq","10. TeleportHQ",[12,4716,4717],{},"Best for front-end developers who want a visual builder that exports framework code.",[12,4719,4720],{},"TeleportHQ is a visual front-end builder whose pricing page lists code export to HTML, CSS, React, Next.js, Vue and Angular. The same page lists a built-in blog CMS on Pro (posts, categories and authors), headless CMS integrations with Strapi, Contentful, WordPress and others, forms (10 forms and 2,000 submissions a month on Pro) and TeleportHQ hosting with one custom domain on Pro. Pro is listed at $14 a month and Premium at $28 (the prices shown on its default billing toggle, October 2026); the trial is code preview only, and on the paid plans export is limited to static projects.",[12,4722,4723,4725],{},[237,4724,4483],{}," export the code and the hosted forms, CMS and hosting stay behind, so you wire those up yourself; with export limited to static projects, it suits marketing sites better than apps.",[22,4727,4729],{"id":4728},"prices-cms-redirects-and-exit-routes-compared-october-2026","Prices, CMS, redirects and exit routes compared (October 2026)",[12,4731,4732],{},"Framer Basic, at $10 a month, is the cheapest paid plan here on your own domain; WordPress and Ghost leave you the least locked in, and Webstudio is the most open of the visual builders.",[12,4734,4735],{},[18,4736,4737],{},"Prices in USD per month, billed yearly, checked October 2026. Framer and TeleportHQ: price shown on the default billing toggle; Webstudio: price shown on its pricing page.",[198,4739,4740,4765],{},[201,4741,4742],{},[204,4743,4744,4746,4749,4752,4755,4758,4760,4763],{},[207,4745,209],{},[207,4747,4748],{},"Type",[207,4750,4751],{},"Cheapest plan with your own domain",[207,4753,4754],{},"CMS depth",[207,4756,4757],{},"301 redirects",[207,4759,1681],{},[207,4761,4762],{},"Lock-in",[207,4764,1638],{},[229,4766,4767,4792,4818,4844,4870,4891,4918,4939,4965,4992,5017],{},[204,4768,4769,4772,4775,4778,4781,4783,4786,4789],{},[234,4770,4771],{},"Webflow (reference)",[234,4773,4774],{},"Visual builder + hosting",[234,4776,4777],{},"Basic $15 Site plan (Premium $25 with CMS), plus a Workspace plan from $16 for export",[234,4779,4780],{},"Deep (20,000 items on Premium)",[234,4782,270],{},[234,4784,4785],{},"HTML\u002FCSS\u002FJS, no CMS content",[234,4787,4788],{},"Medium",[234,4790,4791],{},"Designers who want the Designer",[204,4793,4794,4797,4800,4803,4806,4809,4812,4815],{},[234,4795,4796],{},"Framer",[234,4798,4799],{},"Designer builder",[234,4801,4802],{},"$10 Basic",[234,4804,4805],{},"Medium (Basic: 2 collections, 1,000 items)",[234,4807,4808],{},"Pro ($30)",[234,4810,4811],{},"No full-site export",[234,4813,4814],{},"High",[234,4816,4817],{},"Animation-led sites",[204,4819,4820,4823,4826,4829,4832,4835,4838,4841],{},[234,4821,4822],{},"Webstudio",[234,4824,4825],{},"Open-source builder",[234,4827,4828],{},"$20 Pro",[234,4830,4831],{},"External (headless CMS)",[234,4833,4834],{},"On Webstudio hosting; not in the static export",[234,4836,4837],{},"Static site or JS app (CLI)",[234,4839,4840],{},"Low",[234,4842,4843],{},"Open source, code ownership",[204,4845,4846,4849,4852,4855,4858,4861,4864,4867],{},[234,4847,4848],{},"Wix Studio",[234,4850,4851],{},"No-code all-rounder",[234,4853,4854],{},"$19 Basic",[234,4856,4857],{},"Deep",[234,4859,4860],{},"URL Redirect Manager",[234,4862,4863],{},"None (CMS as CSV)",[234,4865,4866],{},"Very high",[234,4868,4869],{},"Agencies wanting one place",[204,4871,4872,4875,4877,4879,4881,4884,4886,4888],{},[234,4873,4874],{},"Squarespace",[234,4876,4851],{},[234,4878,4854],{},[234,4880,4788],{},[234,4882,4883],{},"URL mappings",[234,4885,379],{},[234,4887,4814],{},[234,4889,4890],{},"Typography-led sites",[204,4892,4893,4896,4899,4902,4905,4910,4913,4915],{},[234,4894,4895],{},"Webflow export + static host",[234,4897,4898],{},"Static hosting",[234,4900,4901],{},"Workspace plan from $16 for export; Cloudflare and Netlify free plans take a custom domain",[234,4903,4904],{},"None (CSV snapshot)",[234,4906,4907,4908],{},"On hosts with ",[51,4909,2737],{},[234,4911,4912],{},"It is the export",[234,4914,4840],{},[234,4916,4917],{},"Brochure sites",[204,4919,4920,4923,4925,4928,4930,4932,4934,4936],{},[234,4921,4922],{},"Hostsmith (we make it)",[234,4924,4898],{},[234,4926,4927],{},"Pro $15 for five sites, plus a Workspace plan from $16 for export",[234,4929,4904],{},[234,4931,379],{},[234,4933,4912],{},[234,4935,4840],{},[234,4937,4938],{},"A client book on one plan and renewal date",[204,4940,4941,4944,4947,4950,4953,4956,4959,4962],{},[234,4942,4943],{},"WordPress",[234,4945,4946],{},"Open-source CMS",[234,4948,4949],{},"Hosting varies",[234,4951,4952],{},"Very deep",[234,4954,4955],{},"Via a plugin",[234,4957,4958],{},"Full (you own it)",[234,4960,4961],{},"Very low",[234,4963,4964],{},"Content-heavy sites",[204,4966,4967,4970,4973,4976,4979,4984,4987,4989],{},[234,4968,4969],{},"Ghost",[234,4971,4972],{},"Publishing CMS",[234,4974,4975],{},"$18 Starter, or free self-hosted",[234,4977,4978],{},"Posts and pages",[234,4980,4981,2938],{},[51,4982,4983],{},"redirects.yaml",[234,4985,4986],{},"Full (self-hosted)",[234,4988,4961],{},[234,4990,4991],{},"Newsletters, memberships",[204,4993,4994,4997,5000,5003,5006,5009,5012,5014],{},[234,4995,4996],{},"Plasmic",[234,4998,4999],{},"Builder + codebase",[234,5001,5002],{},"$0 Free on Plasmic hosting with a badge; Starter $39 removes it",[234,5004,5005],{},"Via your codebase or a CMS",[234,5007,5008],{},"Your app or host handles them",[234,5010,5011],{},"Into your React app",[234,5013,4840],{},[234,5015,5016],{},"Dev teams with marketing edits",[204,5018,5019,5022,5025,5028,5031,5034,5037,5039],{},[234,5020,5021],{},"TeleportHQ",[234,5023,5024],{},"Builder with code export",[234,5026,5027],{},"$14 Pro",[234,5029,5030],{},"Blog CMS built in, or headless",[234,5032,5033],{},"Listed for TeleportHQ hosting",[234,5035,5036],{},"HTML, React, Vue and more (static projects)",[234,5038,4840],{},[234,5040,5041],{},"Developers who want the code",[12,5043,5044],{},"Monthly billing costs more on Webflow, Wix Studio and Squarespace.",[22,5046,3129],{"id":3128},[12,5048,5049],{},[237,5050,5051],{},"Who are Webflow's main competitors?",[12,5053,5054],{},"For designers and agencies, Webflow's main competitors are Framer, Wix Studio and Squarespace among hosted builders, WordPress (often with Elementor or Bricks) for content-heavy sites, and Webstudio for open source. For a shop that has outgrown Webflow Ecommerce, it's Shopify; for developer teams, Plasmic and TeleportHQ.",[12,5056,5057],{},[237,5058,5059],{},"Is there a free Webflow alternative?",[12,5061,5062],{},"Partly. Webstudio has a free plan and open-source code, and self-hosted WordPress and Ghost cost only the server. Framer's Free plan is meant for non-commercial use and has no custom domain (as of October 2026). The export route can run on Cloudflare's or Netlify's free plans, which keep your URLs, but the export itself needs a paid Webflow Workspace plan, from $16 a month billed yearly (as of October 2026).",[12,5064,5065],{},[237,5066,5067],{},"Which Webflow alternative is cheapest?",[12,5069,5070],{},"On your own domain, Framer Basic is $10 a month, TeleportHQ Pro $14, Wix Studio Basic and Squarespace Basic $19 each, and Webstudio Pro $20 (as of October 2026). Plasmic's Free plan takes a custom domain on Plasmic hosting, with a Plasmic badge. If the URL paths change in a move to Framer, you need Pro ($30, as of October 2026) for the redirects. Self-hosted WordPress or Ghost costs only the server, plus your time, and the export route needs a Workspace plan for every export.",[12,5072,5073],{},[237,5074,5075],{},"Can I export my Webflow site and host it elsewhere?",[12,5077,5078,5079,4380,5081,5083,5084,46],{},"Yes for the pages, on a paid Workspace plan. Each CMS Collection and your form submissions export separately as CSV, and Ecommerce and site search stay behind; 301 redirects don't run on the new host, but you can export them as a CSV and recreate them. Host the files somewhere that serves ",[51,5080,4379],{},[51,5082,4383],{}," so your indexed URLs keep working; the full steps are in ",[40,5085,1286],{"href":1285},[12,5087,5088],{},[237,5089,5090],{},"Can I move my Webflow CMS to another builder?",[12,5092,5093],{},"Yes. Webflow's CMS panel exports each Collection as a CSV, which is where most routes start. For Framer, there's also a third-party Webflow Import plugin that moves CMS content and 301 redirects (free for the first 25 items per collection, then a one-time $49 licence per project, as of October 2026). For WordPress, use a CSV import plugin; for Webstudio, load the content into the headless CMS you connect. Download the images too, because the CSV points at Webflow-hosted files that break once the site is deleted.",[12,5095,5096],{},[237,5097,5098],{},"Is Framer or Webstudio closer to the Webflow experience?",[12,5100,5101],{},"Framer feels closer to the polish and the animation work; Webstudio feels closer to the structural Designer model, with CSS properties, breakpoints and no React layer hiding the box model. If you came to Webflow for the visual interactions, Framer; if you came for the disciplined CSS workflow, Webstudio.",[22,5103,5105],{"id":5104},"before-your-november-renewal","Before your November renewal",[12,5107,5108,5109,5112,5113,5116],{},"I've watched enough platforms reprice over the years to know that the renewal date, not the feature list, is what forces the decision, so start from each site's date and sort the book into three piles. Ecommerce and CMS-heavy sites stay on Webflow, unless a shop has outgrown Webflow Ecommerce, in which case it's a Shopify job. Brochure sites get exported to a host that keeps their URLs, with a ",[40,5110,5111],{"href":175},"password-protected preview"," for client sign-off; the ",[40,5114,5115],{"href":1285},"Webflow export runbook"," covers that pile. The rest move to a builder, which for an agency that wants everything in one place means Wix Studio.",[12,5118,5119],{},"The builder pile is the one this article is about, and it has deadlines of its own. On Framer, a site whose paths change needs Pro ($30 a month, October 2026) before the move, or the URLs Google knows will 404. On Wix Studio, send the Partner payment request well before the Webflow renewal, since the client has to accept and pay before the plan is theirs. Whichever tool it is, check every Collection on the new tool's preview before the renewal date, not the morning of it.",{"title":645,"searchDepth":646,"depth":646,"links":5121},[5122,5123,5124,5125,5129,5133,5137,5141,5145,5146,5147],{"id":4325,"depth":646,"text":4326},{"id":4387,"depth":646,"text":4388},{"id":4410,"depth":646,"text":4411},{"id":4461,"depth":646,"text":4462,"children":5126},[5127,5128],{"id":4465,"depth":656,"text":4466},{"id":4492,"depth":656,"text":4493},{"id":4520,"depth":646,"text":4521,"children":5130},[5131,5132],{"id":4524,"depth":656,"text":4525},{"id":4545,"depth":656,"text":4546},{"id":4563,"depth":646,"text":4564,"children":5134},[5135,5136],{"id":4567,"depth":656,"text":4568},{"id":4625,"depth":656,"text":4626},{"id":4649,"depth":646,"text":4650,"children":5138},[5139,5140],{"id":4656,"depth":656,"text":4657},{"id":4679,"depth":656,"text":4680},{"id":4694,"depth":646,"text":4695,"children":5142},[5143,5144],{"id":4698,"depth":656,"text":4699},{"id":4713,"depth":656,"text":4714},{"id":4728,"depth":646,"text":4729},{"id":3128,"depth":646,"text":3129},{"id":5104,"depth":646,"text":5105},"2026-06-08","Moving client sites off Webflow? Framer, Webstudio, Wix Studio, WordPress and other Webflow competitors compared, with prices checked October 2026.","lucide:layout-grid",{"excerpt":5152},{"type":9,"value":5153},[5154],[12,5155,4315,5156,4319],{},[40,5157,4318],{"href":1592},{"title":4310,"description":5149},"webflow-alternatives",[1596,5161,2430,1598],"Website Builders","wl8FOSDk8An9qLDyDHGjHBX5-6gy28UpKukgmKN8INY",{"id":5164,"title":5165,"alt":6,"author":685,"body":5166,"date":5972,"description":5973,"extension":666,"icon":2421,"image":6,"meta":5974,"navigation":673,"path":1273,"published":6,"seo":5979,"stem":5980,"tags":5981,"__hash__":5982},"blog\u002Fwebflow-vs-wordpress.md","Webflow vs WordPress 2026: Which to Pick and How to Switch",{"type":9,"value":5167,"toc":5953},[5168,5171,5175,5178,5183,5188,5191,5195,5198,5203,5349,5359,5363,5366,5369,5376,5395,5402,5405,5408,5444,5448,5451,5456,5557,5560,5563,5567,5570,5574,5577,5584,5588,5591,5599,5602,5611,5615,5618,5621,5625,5628,5639,5644,5648,5657,5683,5686,5689,5693,5696,5783,5867,5871,5874,5889,5901,5903,5908,5911,5916,5927,5932,5935,5940,5943,5947,5950],[12,5169,5170],{},"Webflow vs WordPress comes down to who maintains the site. Webflow is hosted and patched for you, from $25 a month for a CMS site (Premium, billed yearly, October 2026), and suits design-led marketing sites. WordPress is free software you host and update yourself, and suits content past Premium's 20,000-item cap, WooCommerce and membership sites. Over three years, a small Webflow CMS site costs $900 in plan fees; WordPress runs from under $500 on a shared host, plus your time, to $12,550 with a retainer (our scenario, October 2026 prices).",[22,5172,5174],{"id":5173},"whats-the-difference-between-webflow-and-wordpress","What's the difference between Webflow and WordPress?",[12,5176,5177],{},"WordPress is open-source software you install on a server and keep updated yourself; Webflow is a hosted visual builder where the design tool, the CMS and the hosting come as one subscription. One hands you the keys and the maintenance, the other rents you a finished building and keeps the boiler serviced.",[12,5179,5180,5182],{},[237,5181,4943],{}," is PHP software with a MySQL database behind it. By W3Techs' count on October 15, 2026, it's behind 39.7% of all websites and 58.5% of those running a CMS it can identify. Its strength and its weakness are the same thing: the biggest plugin ecosystem going, all of which someone has to keep updated.",[12,5184,5185,5187],{},[237,5186,1596],{}," is a hosted visual builder: you design in something that feels like a CSS inspector crossed with a layout tool, Webflow writes the HTML and CSS, and it serves the site through Cloudflare with SSL included.",[12,5189,5190],{},"Both have taken on AI, in different shapes. WordPress 7.0 (May 20, 2026) added an AI client and a Connectors screen, building on 6.9's Abilities API, so plugins can call whichever AI provider you plug in; Webflow ships an MCP server that lets agents such as Claude Code or Cursor work on a site through its APIs. Neither changes the decision much, I reckon.",[22,5192,5194],{"id":5193},"which-should-you-pick-webflow-or-wordpress","Which should you pick: Webflow or WordPress?",[12,5196,5197],{},"Pick Webflow when design and low maintenance matter most, and WordPress when content scale, commerce or plugins do.",[12,5199,5200],{},[18,5201,5202],{},"Checked October 2026.",[198,5204,5205,5219],{},[201,5206,5207],{},[204,5208,5209,5212,5214,5216],{},[207,5210,5211],{},"Need",[207,5213,1596],{},[207,5215,4943],{},[207,5217,5218],{},"Verdict",[229,5220,5221,5234,5247,5259,5272,5285,5297,5309,5321,5335],{},[204,5222,5223,5226,5229,5232],{},[234,5224,5225],{},"Design-led marketing site or portfolio",[234,5227,5228],{},"Excellent",[234,5230,5231],{},"Good, with a page builder",[234,5233,1596],{},[204,5235,5236,5239,5242,5245],{},[234,5237,5238],{},"Same-day edits by a non-technical team",[234,5240,5241],{},"Excellent, via editor seats",[234,5243,5244],{},"Good",[234,5246,1596],{},[204,5248,5249,5252,5255,5257],{},[234,5250,5251],{},"More than 20,000 content items",[234,5253,5254],{},"Enterprise only",[234,5256,5228],{},[234,5258,4943],{},[204,5260,5261,5264,5267,5270],{},[234,5262,5263],{},"Large online shop",[234,5265,5266],{},"Smaller catalogues",[234,5268,5269],{},"Excellent, with WooCommerce",[234,5271,4943],{},[204,5273,5274,5277,5280,5283],{},[234,5275,5276],{},"Memberships and gated content",[234,5278,5279],{},"Memberstack or Outseta",[234,5281,5282],{},"Plugins",[234,5284,4943],{},[204,5286,5287,5290,5292,5295],{},[234,5288,5289],{},"Maintenance you do yourself",[234,5291,379],{},[234,5293,5294],{},"Ongoing",[234,5296,1596],{},[204,5298,5299,5302,5304,5307],{},[234,5300,5301],{},"Security exposure",[234,5303,4840],{},[234,5305,5306],{},"Higher, mostly via plugins",[234,5308,1596],{},[204,5310,5311,5314,5317,5319],{},[234,5312,5313],{},"Vendor lock-in for a CMS site",[234,5315,5316],{},"Medium to high",[234,5318,4840],{},[234,5320,4943],{},[204,5322,5323,5326,5329,5332],{},[234,5324,5325],{},"3-year cost (our scenario below)",[234,5327,5328],{},"$900, or $1,476 with a Freelancer Workspace",[234,5330,5331],{},"$468 on a shared host plus your time, up to $12,550 with a retainer",[234,5333,5334],{},"WordPress on cash, Webflow on predictability",[204,5336,5337,5340,5343,5346],{},[234,5338,5339],{},"Brochure site you'd keep designing in Webflow, without a Site plan per site",[234,5341,5342],{},"Export the code to a static host",[234,5344,5345],{},"A rebuild",[234,5347,5348],{},"Export from Webflow (see below)",[12,5350,5351,5352,429,5354,5356,5357,46],{},"If neither fits, ",[40,5353,1264],{"href":1263},[40,5355,1269],{"href":1268}," cover the closer-shaped comparisons, and the wider field is in ",[40,5358,1260],{"href":1259},[22,5360,5362],{"id":5361},"how-much-do-webflow-and-wordpress-cost-in-2026","How much do Webflow and WordPress cost in 2026?",[12,5364,5365],{},"Webflow costs a fixed monthly fee per site, from $15 billed yearly, plus a Workspace plan if you build for clients. WordPress is free, so the WordPress side of any WordPress vs Webflow cost comparison is hosting, plugins and the hours spent on updates. Prices are in US dollars, checked in October 2026.",[502,5367,1596],{"id":5368},"webflow",[12,5370,5371,5372,5375],{},"Per ",[40,5373,926],{"href":924,"rel":5374},[44]," in October 2026, with monthly billing in brackets:",[115,5377,5378,5383,5389],{},[36,5379,5380,5382],{},[237,5381,843],{},": $15 a month billed yearly ($25 monthly). No CMS, up to 300 static pages.",[36,5384,5385,5388],{},[237,5386,5387],{},"Premium",": $25 a month billed yearly ($39 monthly). The CMS, with 20,000 items and 40 Collections, and 50 GB of bandwidth.",[36,5390,5391,5394],{},[237,5392,5393],{},"Enterprise",": custom pricing.",[12,5396,5397,5398,5401],{},"A site in your own free Starter Workspace needs only the Site plan. Client work adds a Workspace plan: Freelancer is $16 a month billed yearly ($24 monthly) and Agency $35 ($42), while the in-house track runs Core at $19 ($28) and Growth at $49 ($60). Client sites in a Freelancer or Agency Workspace move to the new Site plan prices at their first renewal or billable change on or after November 16, 2026; ",[40,5399,5400],{"href":1592},"Webflow Workspace plans for freelancers and agencies"," works through what that means.",[502,5403,4943],{"id":5404},"wordpress",[12,5406,5407],{},"The software is free; nothing around it is.",[115,5409,5410,5427,5433,5438],{},[36,5411,5412,5414,5415,5420,5421,5426],{},[237,5413,1598],{},": shared hosting is the floor; SiteGround's StartUp plan is $2.99 a month for the first 12 months, prepaid, then $17.99 a month, ex. VAT, for one site (",[40,5416,5419],{"href":5417,"rel":5418},"https:\u002F\u002Fworld.siteground.com\u002Fwordpress-hosting.htm",[44],"siteground.com",", October 2026). Managed hosts take on more of the server work; Kinsta's entry plan is $35 a month, or $350 a year billed annually, for one install and 20 GB of bandwidth (",[40,5422,5425],{"href":5423,"rel":5424},"https:\u002F\u002Fkinsta.com\u002Fpricing\u002F",[44],"kinsta.com\u002Fpricing",", October 2026).",[36,5428,5429,5432],{},[237,5430,5431],{},"Theme"," (our estimate): free, or $50 to $200 for a premium one, counted as one-off below (some sell yearly licences).",[36,5434,5435,5437],{},[237,5436,5282],{}," (our estimate): $0 on free plugins, up to $500 a year in licences for SEO, forms, backups and security.",[36,5439,5440,5443],{},[237,5441,5442],{},"Maintenance"," (our estimate): 2 to 5 hours a month on core, PHP and plugin updates, yours or bought in at $50 to $150 an hour. Managed hosts and WordPress.com can run plugin updates automatically (SiteGround lists managed auto-updates even on StartUp), which shrinks those hours, though someone still checks the site afterwards.",[502,5445,5447],{"id":5446},"_3-year-cost-for-a-small-marketing-site","3-year cost for a small marketing site",[12,5449,5450],{},"Take a ten-page marketing site with a blog and a contact form, on yearly billing.",[12,5452,5453],{},[18,5454,5455],{},"Our scenario, US dollars, October 2026 prices",[198,5457,5458,5474],{},[201,5459,5460],{},[204,5461,5462,5465,5468,5471],{},[207,5463,5464],{},"Path",[207,5466,5467],{},"Year one",[207,5469,5470],{},"Each later year",[207,5472,5473],{},"3 years",[229,5475,5476,5489,5502,5516,5530,5544],{},[204,5477,5478,5481,5484,5486],{},[234,5479,5480],{},"Webflow Premium + Freelancer Workspace",[234,5482,5483],{},"$492",[234,5485,5483],{},[234,5487,5488],{},"$1,476",[204,5490,5491,5494,5497,5499],{},[234,5492,5493],{},"Webflow Premium, a site you own",[234,5495,5496],{},"$300",[234,5498,5496],{},[234,5500,5501],{},"$900",[204,5503,5504,5507,5510,5513],{},[234,5505,5506],{},"WordPress on shared hosting, free theme and plugins",[234,5508,5509],{},"$36",[234,5511,5512],{},"$216",[234,5514,5515],{},"$468, plus your time",[204,5517,5518,5521,5524,5527],{},[234,5519,5520],{},"WordPress on managed hosting, you do the updates",[234,5522,5523],{},"$650",[234,5525,5526],{},"$550",[234,5528,5529],{},"$1,750, plus your time",[204,5531,5532,5535,5538,5541],{},[234,5533,5534],{},"WordPress on managed hosting, with a retainer",[234,5536,5537],{},"$4,250",[234,5539,5540],{},"$4,150",[234,5542,5543],{},"$12,550",[204,5545,5546,5549,5552,5554],{},[234,5547,5548],{},"Webflow export on Hostsmith Pro, Freelancer Workspace kept for re-exports",[234,5550,5551],{},"$372",[234,5553,5551],{},[234,5555,5556],{},"$1,116",[12,5558,5559],{},"The shared row is SiteGround's first-year price and renewal. The managed rows use Kinsta's $350 a year, plus $200 a year in plugins and a $100 theme in year one, and the retainer adds 3 hours a month at $100 an hour (all three our estimates). One Freelancer Workspace covers every client site, so on a ten-site book its $192 a year is shared ten ways. The export row is Hostsmith Pro (ours) at $180 a year plus that Workspace; Pro takes five sites, so a lone site carries the whole $180, and the row only fits if the blog is a few posts you're happy to rebuild as static pages, since CMS pages export empty. Monthly billing costs more everywhere.",[12,5561,5562],{},"What the table really shows is predictability: the Webflow and export rows are known to the dollar, while the WordPress ones move with the host, the plugins and whose hours you're counting.",[22,5564,5566],{"id":5565},"which-is-easier-to-learn-webflow-or-wordpress","Which is easier to learn, Webflow or WordPress?",[12,5568,5569],{},"WordPress is easier to start and harder to finish; Webflow is the other way round. You can publish a WordPress post in an afternoon, but a custom design means choosing between a block theme, full-site editing, a page builder and a bit of PHP, four overlapping approaches that don't always agree. Webflow's first few weeks are the steep part, since you're really learning CSS (the box model, flexbox, grid, classes) through its interface, though people who get through that tend to move quickly afterwards.",[22,5571,5573],{"id":5572},"design-freedom-webflows-strongest-suit","Design freedom: Webflow's strongest suit",[12,5575,5576],{},"Webflow exposes flexbox, grid, breakpoints and interactions as one visual system, so if you can design it, you can usually build it without code. WordPress has caught up a fair bit with full-site editing, but you're still working inside a theme's assumptions, and pixel-level control usually means a page builder such as Elementor: another vendor to depend on, and often heavier markup.",[12,5578,5579,5580,5583],{},"For a design-led site (a launch page, a marketing site, a ",[40,5581,5582],{"href":3513},"portfolio website","), Webflow wins comfortably. For a content-led one, such as a news site or a documentation hub, design freedom matters less and WordPress's other strengths take over.",[22,5585,5587],{"id":5586},"webflow-cms-vs-wordpress-limits-and-editing","Webflow CMS vs WordPress: limits and editing",[12,5589,5590],{},"Webflow's CMS is the nicer place to edit content; WordPress's is the one with no ceiling.",[12,5592,5593,5594,5598],{},"The limits are hard, though. Premium allows 20,000 CMS items and 40 Collections per site (webflow.com\u002Fpricing, October 2026), up from 2,000 items on the old CMS plan and 10,000 on Business, per ",[40,5595,5597],{"href":700,"rel":5596},[44],"Webflow's pricing FAQ",". Enterprise goes higher at a custom price. A marketing site or blog will never notice; a publisher with 50,000 articles will hit the wall.",[12,5600,5601],{},"WordPress has no practical content limit; custom post types, taxonomies and custom fields are its home turf. Gated content tells the same story: Webflow closed User Accounts to new sites on January 31, 2025 and switched them off on January 29, 2026, so a members area on Webflow now means bolting on Memberstack or Outseta, while on WordPress it's a plugin.",[12,5603,5604,5605,5610],{},"On editing, Webflow's setup is the easier one to hand a client. The Legacy Editor was unavailable from August 4, 2026, and fully switched off on October 5, 2026 (",[40,5606,5609],{"href":5607,"rel":5608},"https:\u002F\u002Fhelp.webflow.com\u002Fhc\u002Fen-us\u002Farticles\u002F48412420902675-Legacy-Editor-deprecation-FAQ",[44],"Webflow's Legacy Editor FAQ","), so editors now sign in with a seat on the site's Workspace and get a view that leaves the design alone; on client sites in a Freelancer or Agency Workspace, that can be a free client seat. WordPress's block editor is perfectly usable, but it gives a non-technical editor more ways to nudge a layout out of shape.",[22,5612,5614],{"id":5613},"plugins-wordpress-wins-on-extensibility","Plugins: WordPress wins on extensibility",[12,5616,5617],{},"WordPress takes this one outright: more than 60,000 free plugins in the WordPress.org plugin directory, plus a large premium market, cover memberships, courses, complex forms and most things you can name. Webflow's app marketplace runs to a few hundred apps, mostly forms, analytics, CMS sync and AI, which is plenty for a marketing site and thin for anything specialised.",[12,5619,5620],{},"The catch is the plugin tax: every plugin is another author's code to update, a possible slowdown and a candidate for abandonment, which brings us to security.",[22,5622,5624],{"id":5623},"webflow-vs-wordpress-for-seo","Webflow vs WordPress for SEO",[12,5626,5627],{},"Webflow wins the defaults and WordPress wins the ceiling; for most sites, content and links matter far more than which one you pick.",[12,5629,5630,5632,5633,5638],{},[237,5631,1596],{}," gives you clean HTML (semantic if you set the tags), per-page titles, meta descriptions and Open Graph settings, native 301 redirects, and SSL on Cloudflare's network, so a typical B2B marketing site needs no plugin. Webflow AEO, its AI-search analytics and agents, went live for Enterprise customers on May 21, 2026 (",[40,5634,5637],{"href":5635,"rel":5636},"https:\u002F\u002Fwebflow.com\u002Fupdates\u002Fnow-available-webflow-aeo",[44],"Webflow's announcement","); the sales-led Team plan, $2,500 a month on an annual contract (webflow.com\u002Fpricing, October 2026), includes the agents, but Basic and Premium don't get AEO.",[12,5640,5641,5643],{},[237,5642,4943],{}," core has generated an XML sitemap since version 5.5 in 2020 and outputs canonical tags, but it has no per-page meta descriptions, social tags or redirect manager, so most sites add an SEO plugin such as Yoast SEO or Rank Math straight away. For a typical marketing site Webflow's defaults are the easier ride; for a publisher with tens of thousands of posts, WordPress plus a serious SEO plugin is the better foundation.",[22,5645,5647],{"id":5646},"security-and-maintenance-who-patches-the-site","Security and maintenance: who patches the site?",[12,5649,5650,5651,5656],{},"On Webflow, Webflow patches everything; on WordPress, you or your host do, and the plugins make it a steady job. Patchstack's ",[40,5652,5655],{"href":5653,"rel":5654},"https:\u002F\u002Fpatchstack.com\u002Fwhitepaper\u002Fstate-of-wordpress-security-in-2026\u002F",[44],"State of WordPress Security in 2026",", which covers 2025, puts numbers on it:",[115,5658,5659,5665,5671,5677],{},[36,5660,5661,5664],{},[237,5662,5663],{},"11,334 new vulnerabilities"," in the WordPress ecosystem in 2025, up 42% on 2024.",[36,5666,5667,5670],{},[237,5668,5669],{},"91% were in plugins"," and 9% in themes; core had just 6, which Patchstack rates as low priority.",[36,5672,5673,5674,46],{},"Heavily exploited vulnerabilities reached ",[237,5675,5676],{},"mass exploitation in a median of 5 hours",[36,5678,5679,5682],{},[237,5680,5681],{},"46% had no patch"," at disclosure.",[12,5684,5685],{},"Sensible operators budget a few hours a month for updates, plus a host that patches the server, offsite backups and a firewall. A WordPress site left \"running fine\" for a couple of years tends to have a queue of plugin updates and a PHP version heading for end of life. Back in my PHP days in Bristol, patching a site meant diffing the upstream release against files someone had hand-edited years earlier; the tooling is far better now, but the job hasn't gone away.",[12,5687,5688],{},"Webflow sits at the other end: Cloudflare's network, SSL and DDoS protection included, and nothing for you to patch, in exchange for not owning the stack and paying rent on it every month.",[22,5690,5692],{"id":5691},"how-to-move-from-webflow-to-wordpress","How to move from Webflow to WordPress",[12,5694,5695],{},"Switching from Webflow to WordPress means exporting each CMS Collection as a CSV, importing it into matching post types, rebuilding the design in a theme and keeping every URL identical, all before the Webflow Site plan ends. The content and URLs come across if you're careful; the design doesn't.",[33,5697,5698,5708,5714,5726,5732,5773],{},[36,5699,5700,5703,5704,5707],{},[237,5701,5702],{},"Save everything first",": the sitemap, which doubles as the list of URLs you must preserve, the 301 redirects CSV, a CSV per Collection and the form submissions. The CSVs' image links point at Webflow's servers and stop resolving when the site goes, so download the images now; ",[40,5705,5706],{"href":1285},"the pre-export save list"," has the menu paths.",[36,5709,5710,5713],{},[237,5711,5712],{},"Decide where each Collection lands."," A blog Collection usually belongs in built-in Posts, since feeds and SEO plugins expect them; anything else gets a custom post type with matching fields. The free Advanced Custom Fields plugin registers both.",[36,5715,5716,5719,5720,5725],{},[237,5717,5718],{},"Import each CSV."," WP All Import's free version brings in titles, content and post types, but custom fields and pulling images into the media library are Pro features, and ACF fields need its ACF integration. Import-only licences were listed from $99 a year, with the ACF add-on in the $199 Import Pro Package (",[40,5721,5724],{"href":5722,"rel":5723},"https:\u002F\u002Fwww.wpallimport.com\u002Fpricing\u002F",[44],"wpallimport.com\u002Fpricing",", October 2026), so count that as a migration cost, or have a developer script the import with WP-CLI. Map the CSV's Slug column to the post slug; otherwise WordPress builds slugs from titles and some URLs change. Import referenced Collections first so relationship fields resolve. Rich text arrives as HTML, but images inside it still load from Webflow's CDN, so use the Pro importer's option to import images found in the content, or a search-and-replace, before the Webflow site is deleted.",[36,5727,5728,5731],{},[237,5729,5730],{},"Rebuild the design"," in a theme or page builder; nothing from the Designer transfers.",[36,5733,5734,5737,5738,4171,5741,5744,5745,5748,5749,5752,5753,5756,5757,5760,5761,5764,5765,5768,5769,5772],{},[237,5735,5736],{},"Keep URLs identical."," In Settings > Permalinks, choose Custom Structure and enter ",[51,5739,5740],{},"\u002F%postname%",[51,5742,5743],{},"\u002Fblog\u002F%postname%"," if the blog Collection's slug was ",[51,5746,5747],{},"blog",". The Post name preset, ",[51,5750,5751],{},"\u002F%postname%\u002F",", adds a trailing slash, and Webflow's URLs have none. Webflow serves items at ",[51,5754,5755],{},"\u002Fcollection-slug\u002Fitem-slug",", so give each custom post type its Collection's slug and switch off Front URL Prefix (under URLs in ACF's post type settings), and the same for taxonomies, so they don't inherit the ",[51,5758,5759],{},"\u002Fblog"," prefix. Watch for the archive collision: a static ",[51,5762,5763],{},"\u002Fwork"," page listing items at ",[51,5766,5767],{},"\u002Fwork\u002Fitem"," clashes with a ",[51,5770,5771],{},"work"," post type whose archive is on, so turn the archive off and keep the Page, or drop the page. Load the 301s into a redirect plugin such as Redirection, then request every URL from the saved sitemap against the staging copy and chase anything that doesn't answer 200.",[36,5774,5775,5778,5779,5782],{},[237,5776,5777],{},"Forms, DNS and Search Console."," Rebuild the forms in a form plugin, and cut DNS over with time still left on the Webflow Site plan, keeping the old site as your safety net until the new one has proved itself. Then submit the new sitemap in Google Search Console: core serves ",[51,5780,5781],{},"\u002Fwp-sitemap.xml",", and SEO plugins use their own address.",[198,5784,5785,5793],{},[201,5786,5787],{},[204,5788,5789,5791],{},[207,5790,1596],{},[207,5792,4943],{},[229,5794,5795,5803,5811,5819,5827,5835,5843,5851,5859],{},[204,5796,5797,5800],{},[234,5798,5799],{},"Blog Collection",[234,5801,5802],{},"Posts",[204,5804,5805,5808],{},[234,5806,5807],{},"Other Collection",[234,5809,5810],{},"Custom post type",[204,5812,5813,5816],{},[234,5814,5815],{},"Collection field",[234,5817,5818],{},"Custom field",[204,5820,5821,5824],{},[234,5822,5823],{},"Reference or multi-reference field",[234,5825,5826],{},"Relationship field",[204,5828,5829,5832],{},[234,5830,5831],{},"Category-style Collection or Option field",[234,5833,5834],{},"Taxonomy",[204,5836,5837,5840],{},[234,5838,5839],{},"Collection template page",[234,5841,5842],{},"Single template for the post type",[204,5844,5845,5848],{},[234,5846,5847],{},"Static page",[234,5849,5850],{},"Page",[204,5852,5853,5856],{},[234,5854,5855],{},"301 redirects (CSV)",[234,5857,5858],{},"Redirect plugin",[204,5860,5861,5864],{},[234,5862,5863],{},"Forms and submissions",[234,5865,5866],{},"Form plugin",[22,5868,5870],{"id":5869},"keep-the-designer-export-the-site","Keep the Designer, export the site",[12,5872,5873],{},"There's one more route for brochure sites, and it isn't WordPress: keep designing in Webflow, export the code and host the files elsewhere. What changes is the Site plan: you stop paying one per client site, and those sites are out of reach of Webflow's Site plan repricing, though the paid Workspace plan that unlocks export stays (Freelancer from $16 a month billed yearly, October 2026). Export sits in the Designer's main menu under Code export, Shift + E for short, and hands you a ZIP of static files; CMS template pages come out empty, each Collection exports separately as a CSV, and with no code-export API, every edit means exporting and deploying again.",[12,5875,5876,5877,4380,5879,5881,5882,5884,5885,5888],{},"The new host has to keep answering the clean URLs Google already knows, serving the exported ",[51,5878,4379],{},[51,5880,4383],{}," as Cloudflare and Netlify do (compared in ",[40,5883,1300],{"href":1299},"), or every indexed page but the home page 404s. The sitemap, robots.txt and 301s don't make it into the ZIP either, and forms need a service such as Formspree or Basin, or Netlify Forms if you host there, as Cloudflare has no built-in handler. ",[40,5886,5887],{"href":1285},"The migration checklist"," covers each of those.",[12,5890,5891,5894,5895,5897,5898,5900],{},[40,5892,389],{"href":603,"rel":5893},[44]," (our own product, so weigh that) is one place to put that export, and for a brochure site it asks less of you than a WordPress host: plain files, with no PHP, database or plugins to keep updated. The exported ",[51,5896,4379],{}," answers at ",[51,5899,4383],{},", so the pages a client's site already ranks for are still where Google expects them. Pro runs five sites on custom domains at $15\u002Fmonth on yearly billing, or $21 month to month (October 2026), and from Starter you can password-protect the new copy while the client compares it with the Webflow original.",[22,5902,1536],{"id":638},[12,5904,5905],{},[237,5906,5907],{},"Is Webflow better than WordPress?",[12,5909,5910],{},"For design-led marketing sites under Premium's 20,000-item cap, run by a small team that wants to ship without a developer or a patch schedule, yes. For large content sites, WooCommerce, memberships or anything that needs a specialised plugin, WordPress is the better tool.",[12,5912,5913],{},[237,5914,5915],{},"Can I switch from WordPress to Webflow?",[12,5917,5918,5919,5922,5923,5926],{},"Yes, and it's often the easier direction. Export your posts to CSV with an export plugin (Webflow's CMS imports CSV), map them to a Collection and rebuild the design. Webflow serves CMS items under ",[51,5920,5921],{},"\u002Fcollection-slug\u002F",", so posts at ",[51,5924,5925],{},"\u002Fpost-name\u002F"," or on date-based paths can't keep their URLs; plan a 301 for every post, which Webflow's native redirects handle. Memberships, complex forms or more than 20,000 items have no direct Webflow equivalent, so treat it as a redesign rather than a port.",[12,5928,5929],{},[237,5930,5931],{},"Is Webflow or WordPress better for SEO?",[12,5933,5934],{},"Out of the box, Webflow, with clean HTML, per-page SEO settings and native 301 redirects. WordPress needs an SEO plugin to catch up, then goes further on technical depth, but content and links matter more than the platform for most sites.",[12,5936,5937],{},[237,5938,5939],{},"Is WordPress outdated in 2026?",[12,5941,5942],{},"No. WordPress 7.1 shipped on August 19, 2026, and 7.0 in May added a built-in AI client. W3Techs still counts it on 39.7% of all websites (October 15, 2026). What can feel dated is the plugin-and-theme maintenance model, not the software.",[22,5944,5946],{"id":5945},"webflow-or-wordpress-decide-by-who-maintains-it","Webflow or WordPress: decide by who maintains it",[12,5948,5949],{},"Pick the platform by who will look after the site in two years' time, not by who builds it this month. If nobody on the team wants to own updates and the content fits comfortably under Premium's 20,000 items, choose Webflow and accept the monthly rent. If the site's value lies in content volume, commerce or plugins, choose WordPress, and budget the maintenance from day one: your hours, a managed host or a retainer.",[12,5951,5952],{},"I've a drawer of half-finished Raspberry Pi projects that make the same point in miniature: building is the fun part, and upkeep decides whether anything's still running a year later.",{"title":645,"searchDepth":646,"depth":646,"links":5954},[5955,5956,5957,5962,5963,5964,5965,5966,5967,5968,5969,5970,5971],{"id":5173,"depth":646,"text":5174},{"id":5193,"depth":646,"text":5194},{"id":5361,"depth":646,"text":5362,"children":5958},[5959,5960,5961],{"id":5368,"depth":656,"text":1596},{"id":5404,"depth":656,"text":4943},{"id":5446,"depth":656,"text":5447},{"id":5565,"depth":646,"text":5566},{"id":5572,"depth":646,"text":5573},{"id":5586,"depth":646,"text":5587},{"id":5613,"depth":646,"text":5614},{"id":5623,"depth":646,"text":5624},{"id":5646,"depth":646,"text":5647},{"id":5691,"depth":646,"text":5692},{"id":5869,"depth":646,"text":5870},{"id":638,"depth":646,"text":1536},{"id":5945,"depth":646,"text":5946},"2026-06-06","Webflow vs WordPress: Webflow for design-led sites, WordPress for big content sites and WooCommerce. Prices checked October 2026, plus how to switch.",{"excerpt":5975},{"type":9,"value":5976},[5977],[12,5978,5170],{},{"title":5165,"description":5973},"webflow-vs-wordpress",[1596,4943,2430,1598],"FUxVrPrvbkEYVgOI0nLEG5j_cEh5P1ynRQGkELBStfI",{"id":5984,"title":5985,"alt":6,"author":685,"body":5986,"date":6706,"description":6707,"extension":666,"icon":6708,"image":6,"meta":6709,"navigation":673,"path":1263,"published":6,"seo":6714,"stem":6715,"tags":6716,"__hash__":6717},"blog\u002Fframer-vs-webflow.md","Framer vs Webflow (2026): Pricing, SEO Data and Exit Costs",{"type":9,"value":5987,"toc":6686},[5988,5991,5994,5998,6060,6065,6164,6168,6171,6182,6190,6194,6197,6202,6279,6282,6285,6289,6292,6295,6299,6308,6311,6318,6322,6325,6334,6337,6341,6344,6353,6358,6427,6433,6442,6446,6465,6469,6472,6485,6489,6510,6514,6526,6530,6533,6537,6543,6564,6568,6571,6575,6578,6588,6594,6600,6612,6618,6625,6627,6632,6635,6640,6643,6648,6651,6656,6659,6664,6667,6672,6675,6680,6683],[12,5989,5990],{},"Framer vs Webflow, in one line: Framer is the better pick for motion-led landing pages and portfolios; Webflow for CMS-heavy sites, e-commerce, client work run from a Workspace, and any site you might want to export later. On real-world speed it's close to a dead heat on mobile (in HTTP Archive's September 2026 data, 70.8% of measured Framer sites and 71.3% of Webflow sites pass Core Web Vitals there), with Framer ahead on desktop, so the decision turns on the CMS, the shape of your team and what it costs to leave.",[12,5992,5993],{},"I learnt HTML from View Source on other people's homepages, and it's still the first thing I do with any site builder, because the source is what you'd actually be carrying out of the door if you ever left: Webflow will hand you a ZIP of what you see, while on Framer you're relying on someone else's exporter to get it out. So alongside October 2026 prices and measured speed data, this comparison prices the way out of each platform.",[22,5995,5997],{"id":5996},"framer-vs-webflow-the-verdict-by-use-case","Framer vs Webflow: the verdict by use case",[198,5999,6000,6010],{},[201,6001,6002],{},[204,6003,6004,6007],{},[207,6005,6006],{},"You are",[207,6008,6009],{},"Pick",[229,6011,6012,6021,6030,6040,6050],{},[204,6013,6014,6017],{},[234,6015,6016],{},"Solo designer's portfolio, or a motion-heavy landing page for a founder or SaaS",[234,6018,6019],{},[237,6020,4796],{},[204,6022,6023,6026],{},[234,6024,6025],{},"Content-led site with many collections and regular posting",[234,6027,6028],{},[237,6029,1596],{},[204,6031,6032,6035],{},[234,6033,6034],{},"Freelancer or agency running client sites",[234,6036,6037,6039],{},[237,6038,1596],{}," (client seats, Client Payments, code export)",[204,6041,6042,6045],{},[234,6043,6044],{},"Anyone who might want to leave the platform in 2-3 years",[234,6046,6047,6049],{},[237,6048,1596],{},"; buy a Workspace month when you go",[204,6051,6052,6055],{},[234,6053,6054],{},"Native e-commerce",[234,6056,6057,6059],{},[237,6058,1596],{}," (Framer has none)",[12,6061,6062],{},[18,6063,6064],{},"Checked October 2026. Per month, billed yearly, in US dollars; monthly billing costs more on both.",[198,6066,6067,6077],{},[201,6068,6069],{},[204,6070,6071,6073,6075],{},[207,6072],{},[207,6074,4796],{},[207,6076,1596],{},[229,6078,6079,6090,6101,6111,6122,6133,6143,6154],{},[204,6080,6081,6084,6087],{},[234,6082,6083],{},"Cheapest plan on your own domain",[234,6085,6086],{},"Basic, $10",[234,6088,6089],{},"Basic, $15, no CMS; Premium, $25, with CMS",[204,6091,6092,6095,6098],{},[234,6093,6094],{},"CMS limits",[234,6096,6097],{},"Basic: 2 collections, 1,000 items (fixed). Pro: 10 and 2,500; Pro add-ons to 40 and 40,000",[234,6099,6100],{},"Premium: 40 collections, 20,000 items",[204,6102,6103,6105,6108],{},[234,6104,4757],{},[234,6106,6107],{},"Pro ($30) only",[234,6109,6110],{},"Every paid Site plan",[204,6112,6113,6116,6119],{},[234,6114,6115],{},"Extra editors and seats",[234,6117,6118],{},"$20 per editor; $10 per content editor",[234,6120,6121],{},"1 full seat per Workspace (free Starter included), more for a separate fee; 1 free client seat per paid site, 3 on Agency",[204,6123,6124,6127,6130],{},[234,6125,6126],{},"Password protection and staging",[234,6128,6129],{},"Site-wide password from Basic; staging on Pro",[234,6131,6132],{},"Site or page passwords on every paid Site plan; webflow.io previews; staging-to-production publishing on Team",[204,6134,6135,6137,6140],{},[234,6136,1681],{},[234,6138,6139],{},"None built in, per Framer's help (September 2026); third-party exporters only",[234,6141,6142],{},"ZIP on any paid Workspace plan, from $16",[204,6144,6145,6148,6151],{},[234,6146,6147],{},"E-commerce",[234,6149,6150],{},"None built in",[234,6152,6153],{},"$29 to $212",[204,6155,6156,6158,6161],{},[234,6157,1703],{},[234,6159,6160],{},"70.8%",[234,6162,6163],{},"71.3%",[22,6165,6167],{"id":6166},"how-much-do-framer-and-webflow-cost-in-2026","How much do Framer and Webflow cost in 2026?",[12,6169,6170],{},"Framer starts at $10 a month billed yearly on your own domain (Basic); Webflow at $15 without a CMS or $25 with one (Premium), October 2026. Framer prices one site at a time with seats on top, while Webflow charges separately for the site (a Site plan) and for the people building it (a Workspace plan). Monthly billing costs more on both.",[12,6172,6173,6175,6176,6181],{},[237,6174,4796],{}," (",[40,6177,6180],{"href":6178,"rel":6179},"https:\u002F\u002Fwww.framer.com\u002Fpricing",[44],"framer.com\u002Fpricing",", October 2026, billed yearly): the Free plan is meant for non-commercial use, with no custom domain and 1 GB of bandwidth. Basic is $10 a month with 30 pages and 50 GB; Pro is $30 with 150 pages, 100 GB, redirects and a staging environment; Enterprise is priced on request. The workspace owner's seat is free, extra editors are $20 a month and content editors, who only work in the CMS, are $10.",[12,6183,6184,6175,6186,6189],{},[237,6185,1596],{},[40,6187,926],{"href":924,"rel":6188},[44],", October 2026, billed yearly): Basic is $15 a month with no CMS; Premium is $25 with the CMS and 50 GB of bandwidth. The free Starter Workspace, which Webflow pitches at \"freelancers and agencies new to Webflow\", includes one full seat and one free client seat per paid site. Paid Workspaces add the rest: Freelancer ($16) brings Client Payments, code export and 10 staging sites, Agency ($35) three client seats per site, and in-house teams use Core ($19) or Growth ($49). Extra full seats come \"for a separate fee\" that the page doesn't price.",[502,6191,6193],{"id":6192},"worked-example-one-client-site-one-client-who-edits-it","Worked example: one client site, one client who edits it",[12,6195,6196],{},"Take the simplest client job: one site, and a client who updates the blog themselves.",[12,6198,6199],{},[18,6200,6201],{},"October 2026, billed yearly.",[198,6203,6204,6214],{},[201,6205,6206],{},[204,6207,6208,6210,6212],{},[207,6209],{},[207,6211,4796],{},[207,6213,1596],{},[229,6215,6216,6226,6237,6248,6263],{},[204,6217,6218,6221,6223],{},[234,6219,6220],{},"Site plan",[234,6222,6086],{},[234,6224,6225],{},"Premium, $25",[204,6227,6228,6231,6234],{},[234,6229,6230],{},"Your seat",[234,6232,6233],{},"Free (workspace owner)",[234,6235,6236],{},"Free (Starter Workspace)",[204,6238,6239,6242,6245],{},[234,6240,6241],{},"Client's editing seat",[234,6243,6244],{},"Content editor, $10",[234,6246,6247],{},"Free (1 client seat per paid site)",[204,6249,6250,6254,6259],{},[234,6251,6252],{},[237,6253,1047],{},[234,6255,6256],{},[237,6257,6258],{},"$20",[234,6260,6261],{},[237,6262,980],{},[204,6264,6265,6270,6275],{},[234,6266,6267],{},[237,6268,6269],{},"Per year",[234,6271,6272],{},[237,6273,6274],{},"$240",[234,6276,6277],{},[237,6278,5496],{},[12,6280,6281],{},"Add $16 a month for Webflow's Freelancer Workspace if you want Client Payments or code export.",[12,6283,6284],{},"So on a new site that fits Framer Basic, Framer is $5 a month cheaper per site. The sums turn once the site needs redirects, which a rebuild needs whenever a path changes: Framer Pro plus a content editor is $40 a month against Webflow's $25. A second designer costs $20 a month on Framer and a seat fee Webflow doesn't publish. Neither platform is the cheap one in general, so price each client site on its own before you pick.",[22,6286,6288],{"id":6287},"design-experience-canvas-and-learning-curve","Design experience: canvas and learning curve",[12,6290,6291],{},"Framer feels like Figma's web-shipping cousin: components with variants, layout that behaves much like auto layout, and a canvas that rarely asks you to think about the box model. For a designer, it's the shortest road I know of from mock-up to live page.",[12,6293,6294],{},"Webflow is a visual front end on the CSS box model, with classes, combo classes and a cascade to learn; the climb is steeper, and that discipline is what keeps a large site maintainable years in. For a portfolio shipping next Friday it's overhead; for a team adding pages for years, it's rather the point.",[22,6296,6298],{"id":6297},"cms-which-has-the-better-content-model","CMS: which has the better content model?",[12,6300,6301,6302,6307],{},"Webflow, up to 20,000 items; past that, Framer Pro. Both do relational content now, since Framer's CMS added reference and multi-reference fields (",[40,6303,6306],{"href":6304,"rel":6305},"https:\u002F\u002Fwww.framer.com\u002Fupdates\u002Fcms-references",[44],"Framer's CMS References update","); the difference is how much room you get for the money.",[12,6309,6310],{},"Webflow Premium includes 40 collections and 20,000 items for $25 a month billed yearly. Framer Pro includes 10 collections and 2,500 items for $30, with add-ons on Pro only: $40 a month per 10 extra collections (up to 40) and $20 per 10,000 extra items (up to 40,000), while Basic's limits are fixed (October 2026). A dozen collections on Framer Pro is $70 a month ($30 plus one collection pack) against Premium's $25, and matching Premium outright comes to $190: the plan, $120 for three collection packs and $40 for two item packs.",[12,6312,6313,6314,6317],{},"Between 20,000 and 40,000 items the order flips. Webflow's next step is the Team plan at $2,500 a month on an annual contract, with more items \"for a separate fee\", while Framer Pro with four item packs is $110 a month ($30 plus $80, October 2026). Past 40,000, ",[40,6315,6316],{"href":1273},"WordPress vs Webflow"," is the comparison you actually want.",[22,6319,6321],{"id":6320},"animations-and-interactions","Animations and interactions",[12,6323,6324],{},"Framer's animation tools are a big part of why designers pick it. Appear, scroll and hover effects, and transitions between component variants, are built into the canvas, so a landing page can look expensive without anyone writing a line of script.",[12,6326,6327,6328,6333],{},"Webflow rebuilt its engine as ",[40,6329,6332],{"href":6330,"rel":6331},"https:\u002F\u002Fhelp.webflow.com\u002Fhc\u002Fen-us\u002Farticles\u002F46300264646803-Interactions-with-GSAP-vs-Classic-Interactions",[44],"Interactions with GSAP",", which launched in summer 2025 and is now the default, with the old engine kept on as Classic Interactions. It brings a timeline and built-in ScrollTrigger, SplitText and Stagger support, which makes it the bigger toolkit for a long, choreographed scroll page, with a steeper climb to match.",[12,6335,6336],{},"Quick test: a handful of micro-interactions on a landing page, and Framer gets you there sooner; a scroll story with dozens of moving parts, and Webflow has more headroom.",[22,6338,6340],{"id":6339},"is-framer-or-webflow-better-for-seo","Is Framer or Webflow better for SEO?",[12,6342,6343],{},"Webflow, on control; on speed, neither has a meaningful lead on mobile.",[12,6345,6346,6347,6352],{},"In HTTP Archive's ",[40,6348,6351],{"href":6349,"rel":6350},"https:\u002F\u002Fhttparchive.org\u002Freports\u002Ftechreport\u002Ftech?tech=Framer%20Sites,Webflow",[44],"Core Web Vitals Technology Report"," for September 2026, 70.8% of 11,319 Framer origins passed Core Web Vitals on mobile, against 71.3% of 59,483 Webflow origins; on desktop, Framer leads 87.9% to 82.6%. The split shows up in the individual metrics: Framer is ahead on LCP (loading), and INP (responsiveness) is where it loses, with 80.3% of Framer origins rated good on mobile against 88.0% for Webflow.",[12,6354,6355],{},[18,6356,6357],{},"HTTP Archive Core Web Vitals Technology Report, September 2026. \"Pass\" means good on all three metrics (LCP, INP and CLS); the other rows are the share of origins rated good on that one metric.",[198,6359,6360,6370],{},[201,6361,6362],{},[204,6363,6364,6366,6368],{},[207,6365],{},[207,6367,4796],{},[207,6369,1596],{},[229,6371,6372,6383,6394,6405,6416],{},[204,6373,6374,6377,6380],{},[234,6375,6376],{},"Core Web Vitals pass, mobile",[234,6378,6379],{},"70.8% of 11,319 origins",[234,6381,6382],{},"71.3% of 59,483 origins",[204,6384,6385,6388,6391],{},[234,6386,6387],{},"Core Web Vitals pass, desktop",[234,6389,6390],{},"87.9% of 9,898",[234,6392,6393],{},"82.6% of 52,330",[204,6395,6396,6399,6402],{},[234,6397,6398],{},"Good LCP, mobile",[234,6400,6401],{},"83.4%",[234,6403,6404],{},"78.6%",[204,6406,6407,6410,6413],{},[234,6408,6409],{},"Good INP, mobile",[234,6411,6412],{},"80.3%",[234,6414,6415],{},"88.0%",[204,6417,6418,6421,6424],{},[234,6419,6420],{},"Good CLS, mobile",[234,6422,6423],{},"94.2%",[234,6425,6426],{},"93.6%",[12,6428,6429,6430,6432],{},"Two caveats before you lean on it. Only origins with enough Chrome traffic to be measured are counted, so this is the busier slice of each platform, and Framer's sample is about a fifth the size of Webflow's. And, as with the Wix numbers in ",[40,6431,1269],{"href":1268},", it shows how people tend to build on each platform rather than the ceiling of either, so treat speed as a tiebreaker.",[12,6434,6435,6436,6441],{},"Webflow's edge is control. 301 redirects come with every paid Site plan, from Basic at $15 a month billed yearly, while Framer keeps them for Pro at $30 (October 2026); if any paths change when a site moves into Framer, budget for Pro from day one or the old URLs will 404. Webflow's ",[40,6437,6440],{"href":6438,"rel":6439},"https:\u002F\u002Fhelp.webflow.com\u002Fhc\u002Fen-us\u002Farticles\u002F33961313088531",[44],"Audit panel"," flags missing alt text, skipped heading levels and the like as you build. For AI search, paid Site plans include a sitewide SEO and AEO audit with AI-driven suggestions, and the optional Webflow Analyze add-on reports AEO insights such as LLM visibility and AI agent traffic; the AEO agents come with Team and Enterprise (webflow.com\u002Fpricing, October 2026).",[22,6443,6445],{"id":6444},"what-does-it-cost-to-leave-each-one","What does it cost to leave each one?",[12,6447,6448,6449,6452,6453,6458,6459,6464],{},"Leaving Webflow is a first-party export plus a URL check; leaving Framer means a third-party exporter or a rebuild. Webflow's code export (Shift + E, on any paid Workspace plan from $16 a month billed yearly, October 2026) leaves out CMS content, forms, Ecommerce, password protection and 301 redirects, and the ",[40,6450,6451],{"href":1285},"Webflow export checklist"," covers saving each. Framer's help centre answers the export question directly: Framer \"does not provide a way to export published sites as HTML files or static website bundles\" (",[40,6454,6457],{"href":6455,"rel":6456},"https:\u002F\u002Fwww.framer.com\u002Fhelp\u002Farticles\u002Fcan-i-export-my-website-to-html-and-self-host-it\u002F",[44],"Can I export my website to HTML and self-host it?",", updated September 15, 2026). Its ",[40,6460,6463],{"href":6461,"rel":6462},"https:\u002F\u002Fwww.framer.com\u002Fhelp\u002Farticles\u002Fporting-your-data-from-framer\u002F",[44],"data-portability page",", written around the EU Data Act, contradicts that, saying the published files can be downloaded and hosted anywhere, but it names no tool and gives no steps; what it does spell out is that CMS content exports through plugins as CSV or JSON. The site itself leaves through a third-party Marketplace exporter.",[502,6466,6468],{"id":6467},"webflow-to-framer","Webflow to Framer",[12,6470,6471],{},"The design is a rebuild, so size it like a new build. The content needn't be: the third-party Webflow Import plugin on Framer's Marketplace, from an independent developer, works from Webflow's CSV exports, so pages and interactions stay behind, but it brings in collections, multi-references, images and galleries, plus your 301 redirects, though redirect import needs a Framer plan with redirects (Pro, $30). It's free for the first 25 items per collection, then a one-time $49 for one project or $99 for unlimited projects (October 2026).",[12,6473,6474,6475,6480,6481,6484],{},"If the Framer site will sit behind a reverse proxy, say under a path on a domain served from elsewhere, check the canonical tags: ",[40,6476,6479],{"href":6477,"rel":6478},"https:\u002F\u002Fwww.framer.com\u002Fhelp\u002Farticles\u002Fsetting-up-a-custom-canonical-url-in-framer\u002F",[44],"Framer's help centre"," says that setup can leave them pointing at the ",[51,6482,6483],{},".framer.website"," address unless you set a custom canonical URL. A domain connected directly to Framer gets the right canonicals.",[502,6486,6488],{"id":6487},"framer-to-webflow","Framer to Webflow",[12,6490,6491,6492,6497,6498,6503,6504,6509],{},"The design is a rebuild from scratch, and Webflow's own ",[40,6493,6496],{"href":6494,"rel":6495},"https:\u002F\u002Fhelp.webflow.com\u002Fhc\u002Fen-us\u002Farticles\u002F51622865825171-Migrate-your-site-to-Webflow-overview",[44],"migration overview"," says as much: migrating to Webflow \"will be a rebuild, not a transfer\". The content can travel, though: export it from Framer as CSV through a plugin, and Webflow's ",[40,6499,6502],{"href":6500,"rel":6501},"https:\u002F\u002Fhelp.webflow.com\u002Fhc\u002Fen-us\u002Farticles\u002F33961290794771",[44],"CMS import"," takes a CSV per Collection and can map columns to reference fields. 301 redirects, on every paid Site plan, also ",[40,6505,6508],{"href":6506,"rel":6507},"https:\u002F\u002Fhelp.webflow.com\u002Fhc\u002Fen-us\u002Farticles\u002F33961211526291",[44],"import from a CSV",", though an upload replaces any already there.",[502,6511,6513],{"id":6512},"webflow-to-plain-html-on-a-static-host","Webflow to plain HTML on a static host",[12,6515,6516,6517,6519,6520,6522,6523,6525],{},"The cleanest exit of the four, with one catch. Export the ZIP and a CSV per Collection, and point the forms at a form service. The export ships ",[51,6518,4379],{},", so the ",[51,6521,4383],{}," URLs Google indexed only survive on a host that serves that file at ",[51,6524,4383],{},". Cloudflare, Netlify and GitHub Pages all do, but only Cloudflare and Netlify take the redirect rules you'll rebuild from the redirects CSV, and GitHub's terms bar using Pages to run an online business or shop. The checklist linked above has the URL test.",[502,6527,6529],{"id":6528},"framer-to-plain-html-on-a-static-host","Framer to plain HTML on a static host",[12,6531,6532],{},"A Framer export runs through a third-party exporter. Framer to Code, from valorsic studio, is one: it captures the homepage, sub-pages and published CMS items as individual HTML pages, with assets stored locally and, per its listing, the compiled React and Framer Motion runtimes bundled in. It's free for three pages, then sold in stackable lifetime credit packs (October 2026). Whatever the tool, the result is a snapshot that stops updating when you edit in Framer, so test the forms and anything interactive on the exported copy before you switch DNS. Framer's exit cost lands on your future self's calendar, which is why it belongs in today's decision.",[22,6534,6536],{"id":6535},"where-to-host-an-export","Where to host an export",[12,6538,6539,6540,6542],{},"If you're leaving Framer, check two things in the exporter's output before you choose a host: that every published CMS item came out as its own page, and whether any paths changed, since those need a host that takes redirect rules. ",[40,6541,1300],{"href":1299}," compares the wider field.",[12,6544,6545,6548,6549,6551,6552,6554,6555,3298,6557,6560,6561,6563],{},[40,6546,389],{"href":603,"rel":6547},[44]," (full disclosure: it's ours) hosts either export as plain files, whichever builder you're leaving. Webflow's ZIP keeps its ",[51,6550,4383],{}," URLs because Hostsmith answers them from ",[51,6553,4379],{},", and a Framer exporter can write pages as ",[51,6556,4379],{},[51,6558,6559],{},"about\u002Findex.html",", since both load at ",[51,6562,4383],{},". Edits work the same way for both: re-export (or re-run the Framer exporter) and drop the fresh ZIP onto the site in the dashboard, which replaces its files. Five sites with their own domains come to $15 a month on Pro, paid yearly ($21 if you pay monthly, prices as of October 2026). Private Sites, from Starter, can limit the exported copy to the client's email addresses while you check its forms and interactions against the original.",[22,6565,6567],{"id":6566},"can-framer-handle-e-commerce","Can Framer handle e-commerce?",[12,6569,6570],{},"Not natively. Webflow Ecommerce runs from $29 to $212 a month billed yearly: Standard covers 500 items with a 2% transaction fee, Plus and Advanced charge 0% and go up to 15,000 items, and every plan includes automatic tax calculation for sales tax and VAT at checkout (webflow.com\u002Fpricing, October 2026). On Framer, selling means embedding someone else's checkout, from a Stripe or Lemon Squeezy link for one product to Shopify's buy buttons for a wider range.",[22,6572,6574],{"id":6573},"webflow-vs-framer-which-should-you-pick","Webflow vs Framer: which should you pick?",[12,6576,6577],{},"Framer for design-led pages that move; Webflow for content, client work and a straightforward way out.",[12,6579,6580,6583,6584,6587],{},[237,6581,6582],{},"Solo designer with a portfolio."," Framer Basic at $10 a month billed yearly (October 2026): quick to build, and the canvas suits how you already think. ",[40,6585,6586],{"href":3513},"Where to host a portfolio"," is a separate decision.",[12,6589,6590,6593],{},[237,6591,6592],{},"Designer-founder with a SaaS landing page."," Framer Pro at $30 a month billed yearly (October 2026), for the motion, the redirects and the staging environment.",[12,6595,6596,6599],{},[237,6597,6598],{},"Content-led marketing site or publication."," Webflow Premium. Up to 20,000 items, nothing here gives you more CMS for the money: 40 collections for $25 a month billed yearly (October 2026).",[12,6601,6602,6605,6606,6608,6609,46],{},[237,6603,6604],{},"Freelancer or agency running client sites."," Webflow. Even the free Starter Workspace gives a client an editing seat on a paid site, and the paid Workspaces add Client Payments and export from $16 a month, with three client seats per site and site-level roles on Agency at $35 (October 2026, billed yearly). One date for the diary: sites held in a Freelancer or Agency Workspace move to Webflow's new Site plan prices at their first renewal or billable change from November 16, 2026, and ",[40,6607,5400],{"href":1592}," unpicks the options. For sign-off, Framer has a site-wide password from Basic and staging on Pro, and every paid Webflow Site plan can ",[40,6610,6611],{"href":175},"password-protect the client preview",[12,6613,6614,6617],{},[237,6615,6616],{},"You might want to leave in 2-3 years."," Pick Webflow, and buy a Workspace month when you go. Export works on any paid Workspace plan, so one month of Freelancer on monthly billing ($24, October 2026) does the job, where keeping it for three years at $16 a month billed yearly is $576 of insurance you don't need.",[12,6619,6620,6621,6624],{},"If neither fits, I've lined up ",[40,6622,6623],{"href":1259},"Webflow alternatives beyond Framer"," by who they suit.",[22,6626,3129],{"id":3128},[12,6628,6629],{},[237,6630,6631],{},"Is Framer better than Webflow?",[12,6633,6634],{},"For a page that won't grow much, yes: Framer is the quicker build. For a site that will pile up content, pass to a client or one day move, Webflow is the safer bet.",[12,6636,6637],{},[237,6638,6639],{},"Is Framer cheaper than Webflow?",[12,6641,6642],{},"For a new client site that fits Framer Basic, slightly: $20 a month with a content editor against $25 for Webflow Premium, billed yearly (October 2026). Once the site needs redirects, Framer Pro plus a content editor is $40, and Webflow becomes the cheaper of the two.",[12,6644,6645],{},[237,6646,6647],{},"Is Framer free?",[12,6649,6650],{},"There's a Free plan, but it's meant for non-commercial use, can't take a custom domain and comes with 1 GB of bandwidth (October 2026). A business site on its own domain starts at Basic, $10 a month billed yearly.",[12,6652,6653],{},[237,6654,6655],{},"Is Framer faster than Webflow?",[12,6657,6658],{},"About the same on mobile (70.8% of measured Framer sites and 71.3% of Webflow sites passed Core Web Vitals in HTTP Archive's September 2026 data), with Framer ahead on desktop and loading, and Webflow on responsiveness.",[12,6660,6661],{},[237,6662,6663],{},"Does Framer have password protection or staging?",[12,6665,6666],{},"Yes. A site-wide shared password is available from Basic ($10 a month), switched on in project settings, with no individual user accounts, and a staging environment comes with Pro ($30 a month), both billed yearly (October 2026).",[12,6668,6669],{},[237,6670,6671],{},"How do I move a Webflow site to Framer?",[12,6673,6674],{},"Rebuild the pages, then bring the content across with the third-party Webflow Import plugin, which reads Webflow's CSV exports (free for 25 items per collection, then a one-time $49 or $99, October 2026); the Webflow to Framer section above has the details.",[12,6676,6677],{},[237,6678,6679],{},"Can I export my Framer site as HTML?",[12,6681,6682],{},"No. Framer's help centre says it \"does not provide a way to export published sites as HTML files or static website bundles\" (September 2026). Third-party Marketplace exporters produce a static snapshot; if owning the code is a hard requirement, start on Webflow.",[12,6684,6685],{},"Whichever you pick, plan the exit on day one rather than when a renewal forces it. On Webflow, download the redirects CSV (Site settings > Publishing) and each Collection's CSV (the CMS panel) every quarter, and buy a Workspace month when you go; on Framer, run an exporter once at launch and check that its page paths match your live URLs.",{"title":645,"searchDepth":646,"depth":646,"links":6687},[6688,6689,6692,6693,6694,6695,6696,6702,6703,6704,6705],{"id":5996,"depth":646,"text":5997},{"id":6166,"depth":646,"text":6167,"children":6690},[6691],{"id":6192,"depth":656,"text":6193},{"id":6287,"depth":646,"text":6288},{"id":6297,"depth":646,"text":6298},{"id":6320,"depth":646,"text":6321},{"id":6339,"depth":646,"text":6340},{"id":6444,"depth":646,"text":6445,"children":6697},[6698,6699,6700,6701],{"id":6467,"depth":656,"text":6468},{"id":6487,"depth":656,"text":6488},{"id":6512,"depth":656,"text":6513},{"id":6528,"depth":656,"text":6529},{"id":6535,"depth":646,"text":6536},{"id":6566,"depth":646,"text":6567},{"id":6573,"depth":646,"text":6574},{"id":3128,"depth":646,"text":3129},"2026-06-05","Framer vs Webflow: Framer for motion-led landing pages, Webflow for CMS-heavy and client sites. October 2026 prices, Core Web Vitals data and exit costs.","lucide:layout-dashboard",{"excerpt":6710},{"type":9,"value":6711},[6712],[12,6713,5990],{},{"title":5985,"description":6707},"framer-vs-webflow",[1596,4796,2430],"ZVO3fHFpCs9J9QD8y_OONzdtNYCzcT2zorMWHoZfxBk",{"id":6719,"title":6720,"alt":6,"author":685,"body":6721,"date":7668,"description":7669,"extension":666,"icon":1586,"image":6,"meta":7670,"navigation":673,"path":1299,"published":6,"seo":7679,"stem":7680,"tags":7681,"__hash__":7683},"blog\u002Fwebflow-hosting-alternatives.md","Webflow Hosting Pricing and Alternatives Compared (2026)",{"type":9,"value":6722,"toc":7649},[6723,6732,6736,6745,6754,6839,6842,6847,6927,6930,6934,6937,6951,6954,6974,6977,6981,6984,7022,7029,7033,7041,7046,7247,7317,7320,7357,7361,7386,7390,7393,7398,7454,7457,7460,7465,7529,7532,7535,7539,7548,7551,7555,7561,7564,7581,7584,7586,7590,7593,7597,7612,7616,7619,7623,7635,7639,7642,7646],[12,6724,6725,6726,6729,6730,46],{},"Webflow hosting costs $15 a month per site for Basic and $25 for Premium billed yearly ($25 and $39 monthly, October 2026), and every site needs its own Site plan. To host a Webflow site elsewhere, export the code (a paid Workspace plan, from $16 a month billed yearly) and pick a host that keeps your URLs and takes redirect rules; Cloudflare and Netlify do both, free within their limits. Sites in Freelancer and Agency Workspaces reprice at their first renewal or billable change on or after November 16, 2026 (",[40,6727,6728],{"href":1592},"what that means for client sites","). I reckon the Designer earns its keep; if you'd rather leave that as well, start with ",[40,6731,1260],{"href":1259},[22,6733,6735],{"id":6734},"how-much-does-webflow-hosting-cost-in-2026","How much does Webflow hosting cost in 2026?",[12,6737,6738,6739,6744],{},"Webflow hosting plans are sold one site at a time: Basic costs $15 a month billed yearly ($25 monthly) and Premium $25 ($39 monthly), per webflow.com\u002Fpricing in October 2026. The Starter limits below also draw on the help centre's ",[40,6740,6743],{"href":6741,"rel":6742},"https:\u002F\u002Fhelp.webflow.com\u002Fhc\u002Fen-us\u002Farticles\u002F33961232582419-Choose-a-Site-plan",[44],"Choose a Site plan"," article.",[12,6746,6747],{},[18,6748,6749,6750,6753],{},"Webflow hosting pricing by Site plan, per ",[40,6751,926],{"href":924,"rel":6752},[44],", checked October 2026.",[198,6755,6756,6777],{},[201,6757,6758],{},[204,6759,6760,6762,6764,6766,6769,6772,6775],{},[207,6761,6220],{},[207,6763,776],{},[207,6765,779],{},[207,6767,6768],{},"Custom domain",[207,6770,6771],{},"Static pages",[207,6773,6774],{},"Bandwidth",[207,6776,857],{},[229,6778,6779,6800,6820],{},[204,6780,6781,6784,6787,6789,6792,6794,6797],{},[234,6782,6783],{},"Starter",[234,6785,6786],{},"Free",[234,6788,6786],{},[234,6790,6791],{},"No (webflow.io address only)",[234,6793,988],{},[234,6795,6796],{},"1 GB\u002Fmo, up to 1,000 monthly visits",[234,6798,6799],{},"50 items, 20 Collections",[204,6801,6802,6804,6807,6810,6812,6815,6818],{},[234,6803,843],{},[234,6805,6806],{},"$15\u002Fmo",[234,6808,6809],{},"$25\u002Fmo",[234,6811,270],{},[234,6813,6814],{},"300",[234,6816,6817],{},"10 GB\u002Fmo",[234,6819,379],{},[204,6821,6822,6824,6826,6829,6831,6833,6836],{},[234,6823,5387],{},[234,6825,6809],{},[234,6827,6828],{},"$39\u002Fmo",[234,6830,270],{},[234,6832,6814],{},[234,6834,6835],{},"50 GB\u002Fmo; add-ons up to 2.5 TB\u002Fmo",[234,6837,6838],{},"20,000 items, 40 Collections",[12,6840,6841],{},"If a page quotes $14 or $18 for Basic, or prices for \"CMS\" or \"Business\" plans, it's describing the old line-up: Premium replaced the CMS and Business Site plans for new purchases on May 13, 2026, and most existing CMS and Business sites move to it at their next renewal or billable change on or after June 29, or on or after November 16 for sites in Freelancer or Agency Workspaces.",[12,6843,6844],{},[18,6845,6846],{},"Webflow Ecommerce plans, per webflow.com\u002Fpricing, checked October 2026.",[198,6848,6849,6868],{},[201,6850,6851],{},[204,6852,6853,6856,6858,6860,6862,6865],{},[207,6854,6855],{},"Ecommerce plan",[207,6857,776],{},[207,6859,779],{},[207,6861,6774],{},[207,6863,6864],{},"Ecommerce items",[207,6866,6867],{},"Transaction fee",[229,6869,6870,6889,6909],{},[204,6871,6872,6875,6878,6880,6883,6886],{},[234,6873,6874],{},"Standard",[234,6876,6877],{},"$29\u002Fmo",[234,6879,809],{},[234,6881,6882],{},"50 GB\u002Fmo",[234,6884,6885],{},"500",[234,6887,6888],{},"2%",[204,6890,6891,6894,6897,6900,6903,6906],{},[234,6892,6893],{},"Plus",[234,6895,6896],{},"$74\u002Fmo",[234,6898,6899],{},"$84\u002Fmo",[234,6901,6902],{},"100 GB\u002Fmo",[234,6904,6905],{},"5,000",[234,6907,6908],{},"0%",[204,6910,6911,6914,6917,6920,6922,6925],{},[234,6912,6913],{},"Advanced",[234,6915,6916],{},"$212\u002Fmo",[234,6918,6919],{},"$235\u002Fmo",[234,6921,6902],{},[234,6923,6924],{},"15,000",[234,6926,6908],{},[12,6928,6929],{},"Webflow does do hosting, and it bundles a fair amount with it: SSL, a global CDN and form handling come with every Site plan, Basic adds 301 redirects and site or page password protection, and Premium adds site search and code components. Starter won't take a custom domain and Basic has no CMS, so a client site on its own domain starts at Basic, and one with a single Collection starts at Premium.",[22,6931,6933],{"id":6932},"why-webflow-hosting-bills-are-hard-to-predict","Why Webflow hosting bills are hard to predict",[12,6935,6936],{},"Two things about a Webflow bill are genuinely hard to predict:",[115,6938,6939,6945],{},[36,6940,6941,6944],{},[237,6942,6943],{},"Prices change at renewal or billable change."," The 2026 increase reached each site on its own date (switching plan or billing cycle counts), so last year's quote to a client may not match the next invoice.",[36,6946,6947,6950],{},[237,6948,6949],{},"Going over bandwidth can change the plan."," On Basic and Premium, surge protection absorbs a temporary spike, but two consecutive months over the limit trigger an automatic plan upgrade. Buying the headroom instead costs $20 a month billed yearly, or $30 monthly, to take Premium from 50 GB to 100 GB (October 2026).",[12,6952,6953],{},"The rest is predictable enough, just hard to keep track of across a client book:",[115,6955,6956,6962,6968],{},[36,6957,6958,6961],{},[237,6959,6960],{},"Every site is billed on its own."," No plan covers a book of client sites, so ten sites means ten Site plans and up to ten renewal dates.",[36,6963,6964,6967],{},[237,6965,6966],{},"Monthly billing costs a good deal more."," Basic is 67% dearer on monthly billing ($25 against $15) and Premium 56% dearer ($39 against $25), so a client who won't commit to a year pays handsomely for the privilege.",[36,6969,6970,6973],{},[237,6971,6972],{},"The Workspace plan sits on top."," Client work adds one, billed separately from every Site plan: Freelancer is $16 a month billed yearly, or $24 monthly (October 2026).",[12,6975,6976],{},"Put together, a small studio running three or four client sites on Premium pays $900 to $1,200 a year on yearly billing, or $1,404 to $1,872 on monthly, before the Workspace plan and before any site goes over its bandwidth.",[22,6978,6980],{"id":6979},"what-do-you-give-up-when-you-host-a-webflow-export-elsewhere","What do you give up when you host a Webflow export elsewhere?",[12,6982,6983],{},"You give up everything that runs on Webflow's servers, and you keep paying for the exporter: code export needs a paid Workspace plan (Core, Growth, Freelancer or Agency), so every re-export after a Designer change keeps that plan on the bill. The rest comes down to what each missing piece costs to replace on the new host, as of October 2026:",[115,6985,6986,6992,6998,7004,7010,7016],{},[36,6987,6988,6991],{},[237,6989,6990],{},"Forms:"," Formspree's Free plan covers 50 submissions a month, though Formspree labels it \"For testing and development\"; Netlify Forms costs no credits if the site lives on Netlify (October 2026).",[36,6993,6994,6997],{},[237,6995,6996],{},"Password protection:"," Netlify Pro at $20 a month, Vercel Pro plus $20 a month per protected project, or Cloudflare Access's email login.",[36,6999,7000,7003],{},[237,7001,7002],{},"301 redirects:"," a redirect file on Cloudflare, Netlify or Vercel; the other hosts in the table below can't run them.",[36,7005,7006,7009],{},[237,7007,7008],{},"Site search:"," a third-party search tool.",[36,7011,7012,7015],{},[237,7013,7014],{},"CMS content and code components:"," a rebuild, since Collections leave as CSV files, the exported Collection pages are empty templates and Premium's code components don't export at all.",[36,7017,7018,7021],{},[237,7019,7020],{},"Ecommerce:"," nothing static replaces it.",[12,7023,7024,7025,7028],{},"The sitemap, robots.txt and secondary locales stay behind too, and the runbook has the full table of ",[40,7026,7027],{"href":1285},"what the export leaves behind",". For a brochure site with a contact form, it's a short shopping list.",[22,7030,7032],{"id":7031},"webflow-hosting-alternatives-compared-october-2026","Webflow hosting alternatives compared (October 2026)",[12,7034,7035,7036,4380,7038,7040],{},"For a live Webflow export, Cloudflare and Netlify host a client site free within their limits, and Hostsmith puts several client sites on one plan; all three serve ",[51,7037,4379],{},[51,7039,4383],{}," (October 2026).",[12,7042,7043],{},[18,7044,7045],{},"Hosts for an exported Webflow site, checked October 2026.",[198,7047,7048,7080],{},[201,7049,7050],{},[204,7051,7052,7055,7057,7060,7062,7064,7072,7075,7078],{},[207,7053,7054],{},"Host",[207,7056,218],{},[207,7058,7059],{},"Paid entry",[207,7061,6768],{},[207,7063,6774],{},[207,7065,7066,7068,7069,7071],{},[51,7067,4383],{}," serves ",[51,7070,4379],{},"?",[207,7073,7074],{},"Redirect rules",[207,7076,7077],{},"Password protection",[207,7079,1638],{},[229,7081,7082,7121,7154,7193,7218],{},[204,7083,7084,7090,7092,7095,7098,7101,7111,7116,7118],{},[234,7085,7086,7089],{},[237,7087,7088],{},"Cloudflare"," (Workers static assets or Pages)",[234,7091,270],{},[234,7093,7094],{},"Workers Paid, from a $5\u002Fmo minimum per account, only needed for Worker scripts",[234,7096,7097],{},"Yes, on Free",[234,7099,7100],{},"Static asset requests are free",[234,7102,7103,7104,7107,7108,7110],{},"Yes; ",[51,7105,7106],{},"\u002Fabout.html"," redirects to ",[51,7109,4383],{}," (a 307 on Workers)",[234,7112,7113,7115],{},[51,7114,2737],{},", up to 2,000 static and 100 dynamic rules",[234,7117,302],{},[234,7119,7120],{},"A $0 bill with redirects included",[204,7122,7123,7127,7130,7133,7135,7138,7141,7148,7151],{},[234,7124,7125],{},[237,7126,2897],{},[234,7128,7129],{},"Yes, 300 credits\u002Fmo",[234,7131,7132],{},"Personal $9\u002Fmo (1,000 credits); Pro $20\u002Fmo for the team, with unlimited members (3,000 credits)",[234,7134,7097],{},[234,7136,7137],{},"20 credits per GB, plus 2 per 10,000 requests",[234,7139,7140],{},"Yes (live test of a Webflow export, October 15, 2026)",[234,7142,7143,3298,7145],{},[51,7144,2737],{},[51,7146,7147],{},"netlify.toml",[234,7149,7150],{},"Pro and up (under Project visibility on credit-based Pro)",[234,7152,7153],{},"Forms and hosting in one place",[204,7155,7156,7160,7163,7165,7167,7170,7180,7187,7190],{},[234,7157,7158],{},[237,7159,2894],{},[234,7161,7162],{},"Hobby, for personal, non-commercial use only",[234,7164,282],{},[234,7166,276],{},[234,7168,7169],{},"100 GB\u002Fmo on Hobby; 1 TB\u002Fmo on Pro, or opt-in Flat Rate CDN (1M requests, 1 TB) that steps up a tier after a month over",[234,7171,7172,7173,7176,7177,7179],{},"With ",[51,7174,7175],{},"cleanUrls: true"," in ",[51,7178,2587],{}," (off by default)",[234,7181,7182,7176,7185],{},[51,7183,7184],{},"redirects",[51,7186,2587],{},[234,7188,7189],{},"Pro, $20\u002Fmo per protected project",[234,7191,7192],{},"Next.js and framework projects",[204,7194,7195,7199,7201,7204,7206,7209,7211,7213,7215],{},[234,7196,7197],{},[237,7198,366],{},[234,7200,270],{},[234,7202,7203],{},"Free from a public repo; a private repo needs a paid GitHub plan",[234,7205,270],{},[234,7207,7208],{},"Soft 100 GB\u002Fmo; 1 GB max site",[234,7210,7140],{},[234,7212,379],{},[234,7214,379],{},[234,7216,7217],{},"Personal and open-source sites",[204,7219,7220,7225,7228,7231,7234,7237,7239,7241,7244],{},[234,7221,7222,7224],{},[237,7223,389],{}," (disclosure: we make it)",[234,7226,7227],{},"Yes, 1 site on a hostsmith.link address, 5 MB storage",[234,7229,7230],{},"Starter $5\u002Fmo billed yearly ($9 monthly), 1 site; Pro $15\u002Fmo billed yearly ($21 monthly), 5 sites",[234,7232,7233],{},"Pro and up",[234,7235,7236],{},"10 GB\u002Fmo (Starter), 50 GB\u002Fmo (Pro)",[234,7238,270],{},[234,7240,379],{},[234,7242,7243],{},"Password or email whitelist, from Starter",[234,7245,7246],{},"Several client sites on one bill; private client previews",[12,7248,7249,7250,54,7255,54,7260,54,7264,54,7268,429,7273,7278,7279,429,7282,7287,7288,54,7291,54,7296,429,7302,7307,7308,429,7311,7316],{},"Sources: Cloudflare's ",[40,7251,7254],{"href":7252,"rel":7253},"https:\u002F\u002Fdevelopers.cloudflare.com\u002Fworkers\u002Fplatform\u002Fpricing\u002F",[44],"Workers pricing",[40,7256,7259],{"href":7257,"rel":7258},"https:\u002F\u002Fdevelopers.cloudflare.com\u002Fworkers\u002Fstatic-assets\u002Frouting\u002Fadvanced\u002Fhtml-handling\u002F",[44],"HTML handling",[40,7261,7184],{"href":7262,"rel":7263},"https:\u002F\u002Fdevelopers.cloudflare.com\u002Fworkers\u002Fstatic-assets\u002Fredirects\u002F",[44],[40,7265,7267],{"href":456,"rel":7266},[44],"Pages direct upload",[40,7269,7272],{"href":7270,"rel":7271},"https:\u002F\u002Fwww.cloudflare.com\u002Fsase\u002Fproducts\u002Faccess\u002F",[44],"Access plans",[40,7274,7277],{"href":7275,"rel":7276},"https:\u002F\u002Fdevelopers.cloudflare.com\u002Fcloudflare-one\u002Fintegrations\u002Fidentity-providers\u002Fone-time-pin\u002F",[44],"one-time PIN"," pages; Netlify's ",[40,7280,420],{"href":418,"rel":7281},[44],[40,7283,7286],{"href":7284,"rel":7285},"https:\u002F\u002Fdocs.netlify.com\u002Fmanage\u002Fsecurity\u002Fsecure-access-to-sites\u002Fpassword-protection\u002F",[44],"password protection"," docs; Vercel's ",[40,7289,420],{"href":441,"rel":7290},[44],[40,7292,7295],{"href":7293,"rel":7294},"https:\u002F\u002Fvercel.com\u002Fdocs\u002Fpricing\u002Fflat-rate-cdn",[44],"Flat Rate CDN",[40,7297,7300],{"href":7298,"rel":7299},"https:\u002F\u002Fvercel.com\u002Fdocs\u002Fproject-configuration\u002Fvercel-json",[44],[51,7301,2587],{},[40,7303,7306],{"href":7304,"rel":7305},"https:\u002F\u002Fvercel.com\u002Fdocs\u002Fdeployment-protection\u002Fmethods-to-protect-deployments\u002Fpassword-protection",[44],"Password Protection"," docs; GitHub's ",[40,7309,463],{"href":489,"rel":7310},[44],[40,7312,7315],{"href":7313,"rel":7314},"https:\u002F\u002Fdocs.github.com\u002Fen\u002Fpages\u002Fgetting-started-with-github-pages\u002Fcreating-a-github-pages-site",[44],"publishing"," docs.",[12,7318,7319],{},"The catch with each, as of October 2026:",[115,7321,7322,7328,7338,7348],{},[36,7323,7324,7327],{},[237,7325,7326],{},"Cloudflare:"," New projects are steered towards Workers rather than Pages. A Worker deploys with the Wrangler CLI or, through Workers Builds, from a connected GitHub or GitLab repo (still with a Wrangler config), and the dashboard around it is built for DNS and security work as much as hosting. Pages still accepts a ZIP dragged into the dashboard, with a 25 MiB cap per file, but that project can't move to Git later.",[36,7329,7330,7333,7334,7337],{},[237,7331,7332],{},"Netlify:"," Deploys, bandwidth and web requests draw on the same monthly credits (worked through in the cost section below), while form submissions don't use credits at all (October 2026). ",[40,7335,7336],{"href":674},"Netlify Drop alternatives"," covers its drag-and-drop side.",[36,7339,7340,7343,7344,7347],{},[237,7341,7342],{},"Vercel:"," For a single site, Pro costs more than Webflow Basic billed yearly ($20 against $15). Pro has no project limit, so a solo freelancer's one $20 seat can deploy every client project; anyone else who deploys needs their own seat, all projects share the team's included usage, and each password-protected project adds $20 a month (October 2026). ",[40,7345,7346],{"href":521},"Vercel alternatives"," has the wider picture.",[36,7349,7350,7353,7354,7356],{},[237,7351,7352],{},"GitHub Pages:"," GitHub's terms rule out running an online business on it, a private repo needs a paid plan, and there's nowhere to put a redirect or a password; ",[40,7355,594],{"href":593}," picks up from there.",[502,7358,7360],{"id":7359},"will-your-webflow-urls-still-work-on-the-new-host","Will your Webflow URLs still work on the new host?",[12,7362,7363,7364,4380,7366,7368,7369,7372,7373,7375,7376,7378,7379,7382,7383,46],{},"They will if the new host serves the export's ",[51,7365,4379],{},[51,7367,4383],{},", and every host in the table can, Vercel only with ",[51,7370,7371],{},"cleanUrls"," turned on. Webflow answered at ",[51,7374,4383],{},", but the ZIP holds a file called ",[51,7377,4379],{},", and the clean address is the one search results and backlinks point at. Netlify's docs describe its Pretty URLs differently from what the October test showed, so test your own export wherever it goes. Only Cloudflare, Netlify and Vercel can take on the 301s in Webflow's redirects CSV. Run ",[40,7380,7381],{"href":1285},"the URL check"," on the preview first, then move the domain before the Site plan runs out so the old site stays up as a fallback; the same runbook covers ",[40,7384,7385],{"href":1285},"when to cancel the Site plan",[22,7387,7389],{"id":7388},"how-much-does-it-cost-to-host-a-webflow-export-elsewhere","How much does it cost to host a Webflow export elsewhere?",[12,7391,7392],{},"Hosting the export can cost $0 on Cloudflare's or Netlify's free plans, but a fair comparison counts the Workspace plan you keep for re-exports, and for a single site the gain is mostly predictability rather than a smaller bill. One site over three years first:",[12,7394,7395],{},[18,7396,7397],{},"Hosting one Webflow site for 3 years, October 2026 prices.",[198,7399,7400,7411],{},[201,7401,7402],{},[204,7403,7404,7407,7409],{},[207,7405,7406],{},"One site, 3 years",[207,7408,776],{},[207,7410,779],{},[229,7412,7413,7423,7433,7443],{},[204,7414,7415,7418,7421],{},[234,7416,7417],{},"Webflow Basic",[234,7419,7420],{},"$540",[234,7422,5501],{},[204,7424,7425,7428,7430],{},[234,7426,7427],{},"Webflow Premium",[234,7429,5501],{},[234,7431,7432],{},"$1,404",[204,7434,7435,7438,7441],{},[234,7436,7437],{},"Export + Cloudflare or Netlify Free",[234,7439,7440],{},"$0",[234,7442,7440],{},[204,7444,7445,7448,7451],{},[234,7446,7447],{},"Freelancer Workspace for re-exports (add to every row except the Webflow ones, unless you already pay for one)",[234,7449,7450],{},"$576",[234,7452,7453],{},"$864",[12,7455,7456],{},"For one Basic site, the export route only saves money if you already pay for a Workspace, or if you export once and stop; otherwise $576 of Freelancer costs more than the $540 Basic plan it replaced. The Premium rows compare like for like only if the site is on Premium for its bandwidth, or its CMS is small enough to rebuild from the CSV; otherwise add the rebuild to the export side. Forms can stay at $0 too, within the free-plan limits listed earlier.",[12,7458,7459],{},"Across a client book, the sums change:",[12,7461,7462],{},[18,7463,7464],{},"Hosting five client sites for a year, October 2026 prices.",[198,7466,7467,7478],{},[201,7468,7469],{},[204,7470,7471,7474,7476],{},[207,7472,7473],{},"Five client sites, per year",[207,7475,776],{},[207,7477,779],{},[229,7479,7480,7490,7500,7508,7519],{},[204,7481,7482,7485,7487],{},[234,7483,7484],{},"5 x Webflow Basic",[234,7486,5501],{},[234,7488,7489],{},"$1,500",[204,7491,7492,7495,7497],{},[234,7493,7494],{},"5 x Webflow Premium",[234,7496,7489],{},[234,7498,7499],{},"$2,340",[204,7501,7502,7504,7506],{},[234,7503,7437],{},[234,7505,7440],{},[234,7507,7440],{},[204,7509,7510,7513,7516],{},[234,7511,7512],{},"1 x Hostsmith Pro: one bill for all five, as long as they fit inside Pro's 50 GB of monthly bandwidth, 100,000 monthly visitors and 500 MB of storage",[234,7514,7515],{},"$180",[234,7517,7518],{},"$252",[204,7520,7521,7523,7526],{},[234,7522,7447],{},[234,7524,7525],{},"$192",[234,7527,7528],{},"$288",[12,7530,7531],{},"If you already design client sites in a Freelancer Workspace, that last row sits on both sides of the sum and drops out.",[12,7533,7534],{},"The free rows are where predictability needs a closer look. Netlify Free's 300 credits a month cover, for example, 10 production deploys at 15 credits each (150), 6 GB of bandwidth at 20 a GB (120) and 150,000 web requests at 2 per 10,000 (30). Once an account's credits are used up, Netlify pauses all of its projects until the next billing cycle or an upgrade, and a paused site takes no traffic and no form submissions, so the client's contact form goes quiet along with everything else. Cloudflare doesn't charge for static asset requests at all, so its $0 is the lowest figure in the table (October 2026).",[22,7536,7538],{"id":7537},"when-should-you-stay-on-webflow-hosting","When should you stay on Webflow hosting?",[12,7540,7541,7542,7544,7545,7547],{},"Stay when the sums say so, and for a single Basic site on yearly billing with no Workspace already paid for, they do: $540 over three years on Webflow against $576 for the Freelancer plan you'd keep for re-exports (October 2026 prices). Stay, too, if the site runs Ecommerce, if the client edits it themselves (since the Legacy Editor was retired in August 2026 they do that with a client seat, and an export sends every change back to you), or if the CMS is the site; ",[40,7543,1274],{"href":1273}," covers when a CMS-heavy site has outgrown Premium, and ",[40,7546,1264],{"href":1263}," covers outgrowing the Designer instead.",[12,7549,7550],{},"I reckon the ones worth moving are brochure sites, portfolios and campaign pages that change a few times a year, especially those on Premium or monthly billing in a Workspace you already pay for; the yearly Basic site with no Workspace behind it, and anything a client edits every week, I'd leave where it is. For that first group, the export route is the boring, sensible option, and I mean that as a compliment.",[22,7552,7554],{"id":7553},"where-hostsmith-fits","Where Hostsmith fits",[12,7556,7557,7560],{},[40,7558,389],{"href":603,"rel":7559},[44]," (disclosure: we make it) is the one-bill option: Pro is $15\u002Fmonth billed yearly ($21 monthly) for five sites with custom domains, 50 GB of monthly bandwidth and 500 MB of storage (October 2026), with one renewal date for all five instead of a Site plan each. You drag the exported ZIP in, and Private Sites puts the preview behind a password or email whitelist, from Starter.",[12,7562,7563],{},"Moving an export onto it takes four steps:",[33,7565,7566,7569,7575,7578],{},[36,7567,7568],{},"Create a site and drag in the exported ZIP. It goes live on a hostsmith.link address.",[36,7570,7571,7572,7574],{},"Run ",[40,7573,7381],{"href":1285}," against that address.",[36,7576,7577],{},"On Pro, add the client's domain and create the DNS records shown in the site settings.",[36,7579,7580],{},"Once the certificate has issued, run the URL check again on the live domain.",[12,7582,7583],{},"For a change, re-export and replace the site's files by uploading the new ZIP from the dashboard. Past five client sites, Agency covers 25 sites with their own domains for $49 a month billed yearly ($59 monthly, October 2026).",[22,7585,1536],{"id":638},[502,7587,7589],{"id":7588},"can-i-host-my-webflow-site-for-free","Can I host my Webflow site for free?",[12,7591,7592],{},"On Webflow, only on a webflow.io address: the free Starter plan takes no custom domain and limits a site to 2 static pages, 1 GB of bandwidth and 1,000 monthly visits (October 2026). Export the code, which needs a paid Workspace plan from $16 a month billed yearly (October 2026), and Cloudflare or Netlify will host it free on your own domain, Netlify within 300 credits a month. GitHub's terms bar running an online business on Pages, and Vercel's Hobby tier is non-commercial only, so neither suits a client site.",[502,7594,7596],{"id":7595},"where-are-webflow-sites-hosted","Where are Webflow sites hosted?",[12,7598,7599,7600,7605,7606,7611],{},"Webflow sites are served through Cloudflare's CDN on AWS infrastructure (October 2026); Webflow's ",[40,7601,7604],{"href":7602,"rel":7603},"https:\u002F\u002Fwebflow.com\u002Ffeature\u002Fhosting",[44],"hosting page"," describes it as combining \"the power of AWS infrastructure with Cloudflare's global CDN\", so a write-up that still says Fastly is out of date. One knock-on if you're tidying up an older site: since January 13, 2026, per ",[40,7607,7610],{"href":7608,"rel":7609},"https:\u002F\u002Fhelp.webflow.com\u002Fhc\u002Fen-us\u002Farticles\u002F46207072138131",[44],"Webflow's help centre",", you can't publish to a custom domain that still points at Webflow's legacy DNS records, so the site stays live but every publish is blocked until the records are updated.",[502,7613,7615],{"id":7614},"can-i-use-my-own-domain-without-a-webflow-site-plan","Can I use my own domain without a Webflow Site plan?",[12,7617,7618],{},"Yes, if you export the code and host it elsewhere, though the export itself needs a paid Workspace plan (Freelancer is the cheapest at $16 a month billed yearly, October 2026). Without exporting, a custom domain needs Webflow's Basic plan or higher, from $15 a month billed yearly (October 2026).",[502,7620,7622],{"id":7621},"will-my-urls-still-work-after-leaving-webflow-hosting","Will my URLs still work after leaving Webflow hosting?",[12,7624,7625,7626,7628,7629,7631,7632,7634],{},"Yes, as long as the new host answers ",[51,7627,4383],{}," with the exported ",[51,7630,4379],{}," and you rebuild Webflow's 301s from the redirects CSV. Cloudflare, Netlify and Hostsmith all answer ",[51,7633,4383],{}," that way (October 2026), and the host table above shows which take redirect rules; check every sitemap URL on the preview before the domain moves.",[502,7636,7638],{"id":7637},"does-webflow-hosting-have-a-bandwidth-limit","Does Webflow hosting have a bandwidth limit?",[12,7640,7641],{},"Yes. Per webflow.com\u002Fpricing in October 2026, Starter gets 1 GB a month, Basic 10 GB and Premium 50 GB, which add-ons can take up to 2.5 TB; the Ecommerce plans get 50 GB on Standard and 100 GB on Plus and Advanced. On Basic and Premium, surge protection absorbs a short spike, but two consecutive months over the limit trigger an automatic plan upgrade.",[502,7643,7645],{"id":7644},"is-self-hosting-webflow-worth-it","Is self-hosting Webflow worth it?",[12,7647,7648],{},"\"Self host Webflow\" isn't quite the right framing: you can't run the Designer yourself, but you can host its exported output anywhere. For a site on Premium for its bandwidth or for a small blog, it can be: $900 over three years on yearly billing (October 2026) against $0 to host the export on Cloudflare or Netlify Free, plus $576 for a Freelancer Workspace if you keep re-exporting. The other gain is no Webflow repricing at renewal, though any host can change its own prices. For Ecommerce or CMS-driven sites, no; rebuilding those costs more than the hosting ever will.",{"title":645,"searchDepth":646,"depth":646,"links":7650},[7651,7652,7653,7654,7657,7658,7659,7660],{"id":6734,"depth":646,"text":6735},{"id":6932,"depth":646,"text":6933},{"id":6979,"depth":646,"text":6980},{"id":7031,"depth":646,"text":7032,"children":7655},[7656],{"id":7359,"depth":656,"text":7360},{"id":7388,"depth":646,"text":7389},{"id":7537,"depth":646,"text":7538},{"id":7553,"depth":646,"text":7554},{"id":638,"depth":646,"text":1536,"children":7661},[7662,7663,7664,7665,7666,7667],{"id":7588,"depth":656,"text":7589},{"id":7595,"depth":656,"text":7596},{"id":7614,"depth":656,"text":7615},{"id":7621,"depth":656,"text":7622},{"id":7637,"depth":656,"text":7638},{"id":7644,"depth":656,"text":7645},"2026-06-01","Webflow hosting plans cost $15 to $39 a month per site (October 2026). Compare Cloudflare, Netlify, GitHub Pages and more on price, limits, redirects and URLs.",{"excerpt":7671},{"type":9,"value":7672},[7673],[12,7674,6725,7675,6729,7677,46],{},[40,7676,6728],{"href":1592},[40,7678,1260],{"href":1259},{"title":6720,"description":7669},"webflow-hosting-alternatives",[1596,1598,7682,3668],"Alternatives","20ZovF5g6dxQ4_MRXiLL_XdJRbFdxhiD-_HUluZ5SNI",{"id":7685,"title":7686,"alt":6,"author":7687,"body":7688,"date":8546,"description":8547,"extension":666,"icon":8548,"image":6,"meta":8549,"navigation":673,"path":175,"published":6,"seo":8554,"stem":8555,"tags":8556,"__hash__":8560},"blog\u002Fpassword-protect-website.md","How to Password Protect a Website: 5 Methods (No Dev Needed)","The Hostsmith team",{"type":9,"value":7689,"toc":8520},[7690,7693,7696,7705,7713,7717,7720,7726,7732,7735,7738,7742,7745,7762,7765,7769,7772,7778,7784,7791,7794,7802,7805,7809,7812,7816,7819,7847,7863,7867,7870,7873,7884,7887,7892,7898,7901,7907,7939,7949,7952,7970,7987,7993,7997,8000,8003,8043,8046,8050,8057,8060,8069,8073,8076,8198,8224,8228,8231,8261,8266,8273,8277,8280,8305,8308,8311,8315,8318,8360,8364,8367,8371,8382,8385,8389,8403,8407,8410,8430,8433,8437,8441,8444,8453,8456,8459,8461,8467,8473,8483,8489,8495,8508,8511,8517],[12,7691,7692],{},"You want to password protect a website. Usually that means one of three jobs: a client preview before launch, a staging site shown to stakeholders, or a personal page like a wedding site that shouldn't show up in Google. Same need each time - a real wall in front of the URL, not a hard-to-guess link.",[12,7694,7695],{},"Most guides give you five methods and let you pick. This one tells you which to pick - and why an email whitelist beats a shared password for almost every real use case. If you need to password protect website content fast and don't want to learn Apache, this is the field guide.",[12,7697,7698,7699,7704],{},"Want to skip the field guide and just ship a gated preview? ",[40,7700,7703],{"href":7701,"rel":7702},"https:\u002F\u002Fhostsmith.net\u002F?utm_source=blog&utm_medium=pillar&utm_campaign=password-protect-website",[44],"Drop your files at hostsmith.net"," and turn on a password on the Starter plan. Done.",[12,7706,7707,7708,7712],{},"On Vercel, Netlify, Framer, Webflow, GitHub Pages, or raw HTML? Jump to the ",[40,7709,7711],{"href":7710},"#platform-specific-walkthroughs","platform-specific walkthroughs"," below.",[22,7714,7716],{"id":7715},"obscured-is-not-protected","Obscured is not protected",[12,7718,7719],{},"Quick definition before anything else, because most people get it wrong.",[12,7721,7722,7725],{},[237,7723,7724],{},"Obscured"," = the URL is hard to guess. Think Google Drive share links, unlisted YouTube videos, or those random Notion URLs with the long hash.",[12,7727,7728,7731],{},[237,7729,7730],{},"Protected"," = the server actually checks who you are before sending bytes.",[12,7733,7734],{},"The difference matters. An obscured URL leaks. People paste links in Slack, forward emails, save bookmarks that sync across devices. Some browsers send URLs to safe-browsing services. One screenshot in a group chat and your \"private\" link is in the wild.",[12,7736,7737],{},"If a client preview ever leaks before launch, it's almost always because someone treated obscurity as security. Don't.",[22,7739,7741],{"id":7740},"why-password-protect-a-website-at-all","Why password-protect a website at all?",[12,7743,7744],{},"The five situations that come up over and over:",[115,7746,7747,7750,7753,7756,7759],{},[36,7748,7749],{},"Password protect client preview sites for design or web work",[36,7751,7752],{},"Password protect staging site builds before they go public to stakeholders",[36,7754,7755],{},"Wedding or event sites you don't want to show up in Google",[36,7757,7758],{},"Internal documentation that doesn't need full SSO",[36,7760,7761],{},"Paid-content gates (one shared password to a private guide or PDF)",[12,7763,7764],{},"Different stakes, same need: a wall in front of the site. The wall is what separates \"password protect website\" from \"use a long URL and hope.\"",[22,7766,7768],{"id":7767},"shared-password-vs-email-whitelist-pick-one-before-you-pick-a-method","Shared password vs email whitelist: pick one before you pick a method",[12,7770,7771],{},"Before you choose a method, choose a model. Almost every option below supports one of two:",[12,7773,7774,7777],{},[237,7775,7776],{},"Shared password."," One string everyone types. Simple, instant, no accounts. Two real problems: it forwards (one screenshot of the email and the wall is gone), and the only way to revoke is to rotate the password and re-send it to every legitimate viewer. For a wedding site with 80 guests, that's fine. For a client preview that goes through three rounds of revisions, it's tedious by round two.",[12,7779,7780,7783],{},[237,7781,7782],{},"Email whitelist."," You paste a list of emails. Those people get a magic link (or sign in with Google \u002F Microsoft \u002F GitHub depending on the system). Revoking one person is one click. Adding a fourth reviewer mid-project doesn't disturb the first three. There's no password to forward, because there's no password.",[12,7785,7786,7787,7790],{},"Hostsmith Private Sites supports both, on the Starter plan and up. Cloudflare Access is email-whitelist by design. WordPress and ",[51,7788,7789],{},".htaccess"," are shared-password by design.",[12,7792,7793],{},"Rule of thumb:",[115,7795,7796,7799],{},[36,7797,7798],{},"Client previews, staging for stakeholders, internal docs -> email whitelist.",[36,7800,7801],{},"Wedding sites, paid-content gates, anything where you're handing out one string to a known group -> shared password.",[12,7803,7804],{},"If you're picking shared password by default just because it's the first thing every guide describes, you're choosing the harder long-term path.",[22,7806,7808],{"id":7807},"how-to-password-protect-a-website-5-methods","How to password protect a website: 5 methods",[12,7810,7811],{},"All five work in some setting. Four of them fall short for the common case (one client preview, one pre-launch site, one wedding page) - either they ask for skills the user doesn't have, security guarantees they don't deliver, or both. Here they are in order of how much pain they cause.",[502,7813,7815],{"id":7814},"_1-your-hosts-built-in-password-feature-easiest","1. Your host's built-in password feature (easiest)",[12,7817,7818],{},"This is the one-toggle path. The host checks the password before serving anything. Static site, dynamic site, doesn't matter - the protection lives at the edge. This is also the cleanest way to password protect a static site, because there's no server-side code to add.",[115,7820,7821,7826,7832,7837,7842],{},[36,7822,7823,7825],{},[237,7824,389],{},": built-in Private Sites on the Starter plan and up. Shared password or an email whitelist.",[36,7827,7828,7831],{},[237,7829,7830],{},"Netlify password protect",": site-wide passwords exist but live on a paid tier - check the current pricing page before assuming the free plan covers it.",[36,7833,7834,7836],{},[237,7835,2894],{},": deployment protection (Vercel Authentication or Password Protection) is a paid feature on Pro and above - again, worth confirming on their pricing page since the tiers shift.",[36,7838,7839,7841],{},[237,7840,4874],{},": page-level passwords are baked in on most paid plans.",[36,7843,7844,7846],{},[237,7845,1627],{},": has a \"Members Only\" mode if you want to password protect a Wix website with member accounts rather than a shared password.",[12,7848,7849,7850,7853,7854,7857,7858,7862],{},"If you don't have a host yet, the ",[40,7851,7852],{"href":76},"host an HTML file online"," walkthrough covers the basics. If you're shipping output from an AI builder, the ",[40,7855,7856],{"href":3256},"Lovable deploy guide"," shows the same pattern end to end. For a page built in Claude, there's a separate guide on how to ",[40,7859,7861],{"href":7860},"\u002Fpublish-claude-artifact","publish a Claude artifact privately"," or on a host of your own.",[502,7864,7866],{"id":7865},"_2-wordpress-page-passwords-or-a-plugin-why-this-falls-short-for-most-readers","2. WordPress page passwords or a plugin - why this falls short for most readers",[12,7868,7869],{},"If you're already on WordPress, there's a free per-page password field in the publish panel. It's clunky, but it works for one or two pages.",[12,7871,7872],{},"For something more serious (member areas, multiple gates), plugins like Password Protected or Restrict Content do the heavy lifting. We won't deep-dive WordPress here because every other article on how to password protect a website already does. The shortfall: you have to be on WordPress in the first place. If you're not, spinning up a WordPress install just to gate a preview is the wrong amount of work.",[502,7874,7876,7877,7879,7880,7883],{"id":7875},"_3-htaccess-htpasswd-on-apache-why-this-falls-short-for-most-readers","3. ",[51,7878,7789],{}," + ",[51,7881,7882],{},".htpasswd"," on Apache - why this falls short for most readers",[12,7885,7886],{},"The original dev approach, and still the right answer if you control an Apache server. Drop two files into the site directory and Apache asks for a username and password before serving anything. No plugin, no third-party service, no DNS change. For a developer with shell access to a VPS already serving the site, the setup is short and adds zero new dependencies.",[12,7888,2174,7889,7891],{},[51,7890,7789],{}," file:",[2500,7893,7896],{"className":7894,"code":7895,"language":2505},[2503],"AuthType Basic\nAuthName \"Restricted Area\"\nAuthUserFile \u002Ffull\u002Fpath\u002Fto\u002F.htpasswd\nRequire valid-user\n",[51,7897,7895],{"__ignoreMap":645},[12,7899,7900],{},"Generate the hashed password line on your machine:",[2500,7902,7905],{"className":7903,"code":7904,"language":2505},[2503],"htpasswd -c .htpasswd preview\n",[51,7906,7904],{"__ignoreMap":645},[12,7908,7909,7910,7912,7913,7916,7917,7920,7921,7924,7925,7928,7929,7931,7932,7935,7936,7938],{},"That writes a ",[51,7911,7882],{}," file in your current directory containing one line like ",[51,7914,7915],{},"preview:$apr1$xj2....."," - the username ",[51,7918,7919],{},"preview"," followed by the hash. The ",[51,7922,7923],{},"-c"," flag ",[18,7926,7927],{},"creates"," (and overwrites) the file, so use it once for the first user. To add a second user, drop the ",[51,7930,7923],{},": ",[51,7933,7934],{},"htpasswd .htpasswd reviewer2",". Adding a second user with ",[51,7937,7923],{}," would nuke the first.",[12,7940,7941,7942,7944,7945,7948],{},"Now move ",[51,7943,7882],{}," to the absolute path you used in ",[51,7946,7947],{},"AuthUserFile"," (keep it outside the web root so nobody can fetch it via HTTP). Reload Apache and the directory is gated.",[12,7950,7951],{},"Prereqs: an Apache server, SSH or FTP access, and the ability to edit hidden files. If those three are familiar, this works fine. If any of them are new, skip it - the modern host-built-in path is faster and harder to break.",[12,7953,7954,7955,7957,7958,7961,7962,7965,7966,7969],{},"Common gotcha: ",[51,7956,7789],{}," is only read if the parent ",[51,7959,7960],{},"\u003CDirectory>"," block (in your main Apache config) has ",[51,7963,7964],{},"AllowOverride All"," or at least ",[51,7967,7968],{},"AllowOverride AuthConfig",". On a default install this is sometimes off, and on shared hosting you often can't edit the main config to fix it. The silent failure is \"the password prompt never appears and the site serves like normal.\" If that happens, that's the first thing to check - and if you're on shared hosting, the workaround is usually to switch to a host with a built-in toggle.",[12,7971,7972,7973,7976,7977,7980,7981,7983,7984,7986],{},"Nginx has its own equivalent (",[51,7974,7975],{},"auth_basic"," with an ",[51,7978,7979],{},"auth_basic_user_file"," directive pointing at the same ",[51,7982,7882],{},"). Same idea, different config syntax - generate ",[51,7985,7882],{}," the same way, drop it on the server, point the directive at it, reload.",[12,7988,7989,7990,7992],{},"Two things ",[51,7991,7789],{}," won't do: per-user revocation (everyone shares one password, so removing a viewer means rotating) and detailed access logs beyond standard web logs. If you need either, jump to Cloudflare Access.",[502,7994,7996],{"id":7995},"_4-cloudflare-access-zero-trust-why-this-falls-short-for-most-readers","4. Cloudflare Access (Zero Trust) - why this falls short for most readers",[12,7998,7999],{},"The \"free enterprise\" option. Cloudflare's free Zero Trust tier (up to 50 users at the time of writing - tier limits move, so check before you plan around it) lets you put a real identity provider in front of a site. Users sign in with Google, Microsoft, GitHub, a one-time email code, whatever you wire up. Per-user revocation, real access logs, no shared password to forward.",[12,8001,8002],{},"The setup, end to end:",[33,8004,8005,8011,8017,8023,8037],{},[36,8006,8007,8010],{},[237,8008,8009],{},"Proxy DNS through Cloudflare."," The site's domain has to be on Cloudflare's nameservers, and the relevant record has the orange cloud on (proxied, not DNS-only). If it's not proxied, Access can't see the traffic.",[36,8012,8013,8016],{},[237,8014,8015],{},"Sign in to the Zero Trust dashboard."," It's a separate dashboard from the main Cloudflare site management - look for \"Zero Trust\" in the sidebar.",[36,8018,8019,8022],{},[237,8020,8021],{},"Access -> Applications -> Add a self-hosted application."," \"Self-hosted\" is the right type for a public website you want to gate; tunnels and SaaS apps are different flows.",[36,8024,8025,8028,8029,8032,8033,8036],{},[237,8026,8027],{},"Set the application hostname and attach a policy."," Hostname is the URL you want to protect (e.g., ",[51,8030,8031],{},"staging.example.com","). The policy is where you list allowed emails, an allowed email domain (",[51,8034,8035],{},"@yourcompany.com","), or an identity provider you've connected.",[36,8038,8039,8042],{},[237,8040,8041],{},"Verify in a fresh private window."," First hit to the protected URL should bounce to Cloudflare's auth screen - a private window matters here because a cached Cloudflare session in your normal browser will sail past the gate and trick you into thinking it's off.",[12,8044,8045],{},"It's excellent. It's also overkill for a wedding website, and it requires a Cloudflare account on the DNS path before anything serves. Use it when you actually need per-user logs and revocation; pick a host's built-in password for everything else.",[502,8047,8049],{"id":8048},"_5-javascript-password-gates-why-this-falls-short-for-everyone","5. JavaScript \"password gates\" - why this falls short for everyone",[12,8051,8052,8053,8056],{},"You will see tutorials that say: write JavaScript that prompts for a password, compare it to a string in your code, and ",[51,8054,8055],{},"window.location.href"," to the secret URL if it matches.",[12,8058,8059],{},"This is security theater. The \"secret\" URL, the password, and the comparison logic are all in the page source. Anyone who opens DevTools can read them in three seconds. Search engines can crawl the redirect target. Cached copies leak.",[12,8061,8062,8063,8068],{},"If you Google how to password protect a website html and land on one of these snippets, close the tab. Don't ship this. The ",[40,8064,8067],{"href":8065,"rel":8066},"https:\u002F\u002Fhostsmith.net\u002Fuse-cases\u002Fpassword-protect-html-page",[44],"password protect HTML page"," walkthrough covers the right way to gate a raw HTML file.",[22,8070,8072],{"id":8071},"compare-the-5-ways-to-password-protect-a-website","Compare the 5 ways to password protect a website",[12,8074,8075],{},"If you only want one method, pick the host's built-in toggle. Here's the full comparison:",[198,8077,8078,8099],{},[201,8079,8080],{},[204,8081,8082,8085,8088,8091,8094,8097],{},[207,8083,8084],{},"Method",[207,8086,8087],{},"Setup time",[207,8089,8090],{},"Skill needed",[207,8092,8093],{},"Cost",[207,8095,8096],{},"Real security",[207,8098,1638],{},[229,8100,8101,8120,8139,8161,8180],{},[204,8102,8103,8106,8109,8111,8114,8117],{},[234,8104,8105],{},"Host's built-in (Hostsmith Pro, Squarespace, etc.)",[234,8107,8108],{},"1-2 min",[234,8110,379],{},[234,8112,8113],{},"Plan price",[234,8115,8116],{},"Strong",[234,8118,8119],{},"Client previews",[204,8121,8122,8125,8128,8130,8133,8136],{},[234,8123,8124],{},"WordPress page password",[234,8126,8127],{},"5 min",[234,8129,4840],{},[234,8131,8132],{},"Free if you have WP",[234,8134,8135],{},"OK for low stakes",[234,8137,8138],{},"Existing WP site",[204,8140,8141,8147,8150,8153,8156,8158],{},[234,8142,8143,7879,8145],{},[51,8144,7789],{},[51,8146,7882],{},[234,8148,8149],{},"15-30 min",[234,8151,8152],{},"Medium-high",[234,8154,8155],{},"Free if you have Apache",[234,8157,8116],{},[234,8159,8160],{},"Self-hosted Apache",[204,8162,8163,8166,8169,8171,8174,8177],{},[234,8164,8165],{},"Cloudflare Access",[234,8167,8168],{},"60+ min first time",[234,8170,4814],{},[234,8172,8173],{},"Free tier (50 users)",[234,8175,8176],{},"Very strong",[234,8178,8179],{},"Per-user logs needed",[204,8181,8182,8185,8188,8190,8192,8195],{},[234,8183,8184],{},"Client-side JS gate",[234,8186,8187],{},"10 min",[234,8189,4840],{},[234,8191,6786],{},[234,8193,8194],{},"None. Zero.",[234,8196,8197],{},"Don't use",[12,8199,8200,8201,8204,8205,8210,8211,8213,8214,8219,8220,46],{},"GitHub Pages isn't in the table because it has no native password feature at all. If you're on GitHub Pages and need protection, you either move hosts (the ",[40,8202,8203],{"href":593},"GitHub Pages alternatives roundup"," and the dedicated ",[40,8206,8209],{"href":8207,"rel":8208},"https:\u002F\u002Fhostsmith.net\u002Fuse-cases\u002Fgithub-pages-password-protect",[44],"GitHub Pages password protect"," walkthrough cover the two paths) or wrap it in Cloudflare Access. Vercel's paid-only password story is part of why the ",[40,8212,7346],{"href":521}," roundup and the ",[40,8215,8218],{"href":8216,"rel":8217},"https:\u002F\u002Fhostsmith.net\u002Fuse-cases\u002Fvercel-password-protection",[44],"Vercel password protection"," page exist too. Netlify's gate sits behind a paid tier too - see ",[40,8221,8223],{"href":169,"rel":8222},[44],"Netlify password protection",[22,8225,8227],{"id":8226},"how-to-password-protect-a-static-site-end-to-end","How to password protect a static site, end to end",[12,8229,8230],{},"This is the path for the designer scenario most readers land here with. You have HTML files, maybe a folder of images, and you want a single password in front of the whole thing.",[33,8232,8233,8240,8243,8246,8258],{},[36,8234,8235,8236,8239],{},"Upload the folder. Drag and drop works on most modern hosts - the ",[40,8237,8238],{"href":189},"drag-and-drop hosting walkthrough"," covers it if you've never done it.",[36,8241,8242],{},"On Hostsmith, you're on the Starter plan or higher. In the site settings, flip on Private Sites.",[36,8244,8245],{},"Pick the mode. Shared password is the \"give clients one string\" option. The email whitelist is the more interesting one - paste in a list of allowed emails and only those people can get in. No password to forward, no rotation when a project wraps, and you can remove a reviewer in one click instead of telling everyone the password changed. For client previews where the same handful of emails see every revision, the whitelist mode is usually the right default.",[36,8247,8248,8249,8252,8253,3298,8255,8257],{},"Grab the URL. On the shared ",[51,8250,8251],{},"hostsmith.link"," domain it'll look like ",[51,8254,3485],{},[51,8256,3488],{}," (the region prefix is mandatory there). If you've hooked up a custom domain, the URL is whatever you set - no region prefix.",[36,8259,8260],{},"Send it.",[12,8262,8263,8264,46],{},"If your \"site\" is actually a single PDF (proposals, lookbooks, contracts), the same protection model applies - more in the ",[40,8265,3939],{"href":556},[12,8267,8268,8269,8272],{},"A quick aside on Google Drive: a Drive share link with \"anyone with the link can view\" is the obscured-not-protected example. Fine for a meme, not fine for unreleased client work - that's obscurity, not protection, and one forwarded email is all it takes. The ",[40,8270,8271],{"href":3628},"Google Drive website hosting alternatives"," roundup covers this in depth.",[22,8274,8276],{"id":8275},"how-to-password-protect-website-content-for-free","How to password protect website content for free",[12,8278,8279],{},"\"Free\" almost always means \"free if you already have the underlying thing.\" Three realistic free paths, with the catch on each:",[115,8281,8282,8288,8299],{},[36,8283,8284,8287],{},[237,8285,8286],{},"WordPress per-page passwords."," Free if you already self-host WordPress. The page-password field is built into the publish panel. Free hosted WordPress.com plans don't include it.",[36,8289,8290,8298],{},[237,8291,8292,8294,8295,8297],{},[51,8293,7789],{}," on Apache (or ",[51,8296,7975],{}," on Nginx)."," Free if you already pay for a server you control and have shell access. Not free if \"free\" means \"no server at all.\"",[36,8300,8301,8304],{},[237,8302,8303],{},"Cloudflare Access free tier."," Up to 50 users at no cost (at the time of writing), but the site's DNS has to be on Cloudflare and proxied. If you're already on Cloudflare DNS, this is the strongest free option by a wide margin.",[12,8306,8307],{},"Managed static hosts - Netlify, Vercel, Hostsmith - all gate password protection behind paid tiers in 2026. Hostsmith Private Sites starts on the Starter plan, not the free plan. That's worth saying plainly so nobody arrives expecting otherwise.",[12,8309,8310],{},"If \"free\" means \"no new paid plan,\" those three are the realistic paths. If \"free\" means \"no infrastructure at all,\" there isn't one - somebody has to pay for the server checking the password.",[22,8312,8314],{"id":8313},"platform-specific-walkthroughs","Platform-specific walkthroughs",[12,8316,8317],{},"The methods above are general. If you've already committed to a specific platform, the focused walkthroughs cover the exact UI clicks, where each platform's password feature lives, and the fallback when the platform doesn't have one:",[115,8319,8320,8325,8330,8342,8349,8354],{},[36,8321,8322],{},[40,8323,8218],{"href":8216,"rel":8324},[44],[36,8326,8327],{},[40,8328,8223],{"href":169,"rel":8329},[44],[36,8331,8332,8337,8338,8341],{},[40,8333,8336],{"href":8334,"rel":8335},"https:\u002F\u002Fhostsmith.net\u002Fuse-cases\u002Fframer-password-protect-page",[44],"Framer password protect page"," (and ",[40,8339,8340],{"href":1263},"how Framer and Webflow compare for client previews",")",[36,8343,8344],{},[40,8345,8348],{"href":8346,"rel":8347},"https:\u002F\u002Fhostsmith.net\u002Fuse-cases\u002Fwebflow-password-protect-page",[44],"Webflow password protect page",[36,8350,8351],{},[40,8352,8209],{"href":8207,"rel":8353},[44],[36,8355,8356],{},[40,8357,8359],{"href":8065,"rel":8358},[44],"Password protect an HTML page",[22,8361,8363],{"id":8362},"best-practices-passphrases-and-https","Best practices: passphrases and HTTPS",[12,8365,8366],{},"Two things are worth getting right no matter which method you pick.",[502,8368,8370],{"id":8369},"use-a-passphrase-not-a-complicated-short-password","Use a passphrase, not a \"complicated\" short password",[12,8372,8373,8374,8377,8378,8381],{},"Four random words beat a clever 8-character string with substitutions. ",[51,8375,8376],{},"correct-horse-battery-staple"," is dramatically harder to brute-force than ",[51,8379,8380],{},"P@ssw0rd1",", and a human can actually remember it long enough to type it once. NIST's current password guidance (SP 800-63B) backs this up: length is what matters, mandatory composition rules and mandatory rotation are mostly cargo cult. For a client preview gate, generate four words from a wordlist and use them.",[12,8383,8384],{},"If the gate is the email-whitelist kind, there's no password to choose at all. That's part of why the whitelist mode is the better default for repeated viewers.",[502,8386,8388],{"id":8387},"dont-ship-a-password-without-https","Don't ship a password without HTTPS",[12,8390,8391,8392,8394,8395,8398,8399,8402],{},"A password sent over plain HTTP is plaintext on the wire. Anyone on the same network can read it. Worth saying out loud because the failure mode is invisible: every managed host worth using - including Hostsmith - ships HTTPS by default. If you're rolling your own server with ",[51,8393,7789],{},", get a Let's Encrypt cert installed and a redirect from ",[51,8396,8397],{},"http:\u002F\u002F"," to ",[51,8400,8401],{},"https:\u002F\u002F"," before you turn the password on. Otherwise the password is theater.",[22,8404,8406],{"id":8405},"when-a-password-isnt-enough","When a password isn't enough",[12,8408,8409],{},"Password protection covers maybe 90% of the situations people ask about. The other 10%:",[115,8411,8412,8418,8424],{},[36,8413,8414,8417],{},[237,8415,8416],{},"You need per-user access logs and revocation."," Who viewed the preview, when, and the ability to kick someone out without rotating the password for everyone. Use an identity provider (Cloudflare Access, Google Workspace SSO, Auth0).",[36,8419,8420,8423],{},[237,8421,8422],{},"You're handling regulated data."," HIPAA, SOC 2, PCI - a static site behind a password is not your answer. You need a real app with audit trails and an actual compliance posture.",[36,8425,8426,8429],{},[237,8427,8428],{},"You want to stop downloads or screenshots."," You can't. A password gets you in or out. Once a viewer is in, they can save, screenshot, screen-record, or just point a phone camera at the monitor. DRM is a much bigger conversation and \"I added a password\" is not the start of it.",[12,8431,8432],{},"Most client previews and pre-launch sites aren't any of those - a password is exactly right.",[22,8434,8436],{"id":8435},"password-protection-and-seo","Password protection and SEO",[502,8438,8440],{"id":8439},"will-google-index-a-password-protected-site","Will Google index a password-protected site?",[12,8442,8443],{},"No. Googlebot is just another HTTP client - it hits the URL, gets the auth challenge, can't supply credentials, and gives up. There's nothing to index because there's nothing it can fetch. For a client preview, a staging site, or anything pre-launch, that's exactly what you want: the site stays out of search results until you turn protection off at launch.",[12,8445,8446,8447,8450,8451,46],{},"One nuance worth knowing. If the URL itself has been linked from other indexed pages, the URL can appear in Google's index as a \"no content\" result - just the link, no title or snippet, because Google couldn't see the page. That's harmless for almost everyone, but if it bothers you, add a ",[51,8448,8449],{},"noindex"," directive at the server level (not in HTML, which Google won't see) or block crawlers in ",[51,8452,4505],{},[12,8454,8455],{},"The reverse case is the real failure mode: an obscured URL with no auth at all. That can absolutely end up indexed if anyone links to it from a public page, a public Notion doc, or a tweet. Obscurity isn't an SEO strategy any more than it's a security strategy.",[12,8457,8458],{},"If you ever do want the site indexed, just turn protection off at launch. Google will crawl it on its normal cadence, no extra step needed.",[22,8460,3129],{"id":3128},[12,8462,8463,8466],{},[237,8464,8465],{},"Can I password-protect a single HTML page?","\nYes. Most managed hosts apply protection at the site level (the whole upload is gated), but WordPress and Squarespace let you password individual pages. If you only want one page protected, the simplest path is to upload just that page as its own static site and gate the whole thing.",[12,8468,8469,8472],{},[237,8470,8471],{},"Is JavaScript password protection secure?","\nNo. The password is visible in the page source. It's a speed bump, not a lock. Treat it as zero protection.",[12,8474,8475,8478,8479,8482],{},[237,8476,8477],{},"How do I password protect a wedding website?","\nThe same way as anything else - paid plan on Squarespace, Wix Members Only, or upload a static site to a host with built-in protection. Whatever you do, don't put the password in the email ",[18,8480,8481],{},"and"," tell guests to \"forward freely.\" That's the obscured-not-protected trap with a bow on it.",[12,8484,8485,8488],{},[237,8486,8487],{},"What's the difference between password protection and a private link?","\nA private link is just a URL nobody else has guessed yet. Password protection is the server checking credentials before sending the page. Private links leak through bookmarks, shared screens, browser history sync, and forwarded emails. Passwords don't.",[12,8490,8491,8494],{},[237,8492,8493],{},"Shared password or email whitelist - which one should I pick?","\nFor anything with repeat viewers (client revisions, staging reviewed by a fixed team), email whitelist. For one-shot broadcasts to a known group (a wedding site, a paid guide), shared password. The whitelist mode trades two seconds of setup (pasting the list) for not having to rotate when somebody leaves the project.",[12,8496,8497,8500,8501,429,8504,8507],{},[237,8498,8499],{},"Can I password protect a website on Vercel or Netlify for free?","\nNo. Both put the site-wide password gate behind a paid plan. The dedicated walkthroughs - ",[40,8502,8218],{"href":8216,"rel":8503},[44],[40,8505,8223],{"href":169,"rel":8506},[44]," - cover the cheaper paths if upgrading just for the gate doesn't pencil.",[8509,8510],"hr",{},[12,8512,8513,8514,8516],{},"Most readers picked the right method by paragraph three: the host's built-in toggle. The other four sections exist because four sections of competitor articles do, not because most readers actually need them. The afternoon spent debugging ",[51,8515,7789],{}," for a site three clients will look at once is the cost of treating \"more options\" as \"better answer.\"",[12,8518,8519],{},"If you're sending a preview to humans, paste the emails into your host's whitelist, ship the URL, and move on. The other methods cover real edge cases - just not yours.",{"title":645,"searchDepth":646,"depth":646,"links":8521},[8522,8523,8524,8525,8533,8534,8535,8536,8537,8541,8542,8545],{"id":7715,"depth":646,"text":7716},{"id":7740,"depth":646,"text":7741},{"id":7767,"depth":646,"text":7768},{"id":7807,"depth":646,"text":7808,"children":8526},[8527,8528,8529,8531,8532],{"id":7814,"depth":656,"text":7815},{"id":7865,"depth":656,"text":7866},{"id":7875,"depth":656,"text":8530},"3. .htaccess + .htpasswd on Apache - why this falls short for most readers",{"id":7995,"depth":656,"text":7996},{"id":8048,"depth":656,"text":8049},{"id":8071,"depth":646,"text":8072},{"id":8226,"depth":646,"text":8227},{"id":8275,"depth":646,"text":8276},{"id":8313,"depth":646,"text":8314},{"id":8362,"depth":646,"text":8363,"children":8538},[8539,8540],{"id":8369,"depth":656,"text":8370},{"id":8387,"depth":656,"text":8388},{"id":8405,"depth":646,"text":8406},{"id":8435,"depth":646,"text":8436,"children":8543},[8544],{"id":8439,"depth":656,"text":8440},{"id":3128,"depth":646,"text":3129},"2026-05-28","Flip on Private Sites in your host's dashboard, share one password, done. Plus the 4 alternatives (Cloudflare, .htaccess, WP, JS) and which to skip.","lucide:lock-keyhole",{"excerpt":8550},{"type":9,"value":8551},[8552],[12,8553,7692],{},{"title":7686,"description":8547},"password-protect-website",[7306,8557,8558,8559],"Client Previews","Static Sites","Web Hosting","OubewAq1ZXK2EHNO3A0PeT5B1rklpBfuwjQU93MeV0k",{"id":8562,"title":8563,"alt":6,"author":685,"body":8564,"date":9372,"description":9373,"extension":666,"icon":9374,"image":6,"meta":9375,"navigation":673,"path":3037,"published":6,"seo":9384,"stem":9385,"tags":9386,"__hash__":9388},"blog\u002Flovable-custom-domain.md","Lovable Custom Domain Not Working? Cloudflare Error 1000 + DNS Fixes",{"type":9,"value":8565,"toc":9349},[8566,8576,8580,8587,8590,8594,8611,8614,8618,8621,8654,8657,8661,8664,8697,8704,8710,8714,8717,8801,8804,8808,8811,8815,8818,8827,8830,8834,8837,8858,8862,8869,8876,8885,8889,8892,8896,8902,8975,8978,8985,8992,8995,8999,9002,9006,9026,9033,9045,9049,9052,9098,9108,9112,9115,9125,9136,9143,9147,9243,9246,9248,9256,9262,9268,9274,9283,9292,9305,9314,9320,9322,9332,9346],[12,8567,8568,8569,2807,8572,8575],{},"You've built something in Lovable, you're chuffed with it, and now you want it living at ",[51,8570,8571],{},"yourname.com",[51,8573,8574],{},"whatever-fluffy-otter.lovable.app",". Fair enough. Setting up a Lovable custom domain is straightforward in principle, but there's a paywall - custom domains are a paid-plan feature - and a handful of DNS gotchas that catch loads of people out. You've got two paths: pay for Lovable Pro and use their built-in flow, or export the app and host it somewhere cheaper. I'll walk through both, plus the DNS faff and the Cloudflare error that traps a lot of people who try this.",[22,8577,8579],{"id":8578},"the-thing-nobody-tells-you-in-the-first-30-seconds","The thing nobody tells you in the first 30 seconds",[12,8581,8582,8583,8586],{},"Custom domains on Lovable require a paid plan, currently Pro at $25\u002Fmonth or Business at $50\u002Fmonth (as of May 2026). The free tier publishes only to ",[51,8584,8585],{},"*.lovable.app",". There's no hidden free option, no \"just connect it and we'll bill later\". If you're on Free and you point a domain at Lovable hoping it'll Just Work, it won't.",[12,8588,8589],{},"That out of the way, here's everything you need to actually get a domain wired up - or, if you'd rather not pay $25\u002Fmonth for one DNS record, the alternative that gets you there for less.",[22,8591,8593],{"id":8592},"what-you-need-before-you-start","What you need before you start",[115,8595,8596,8599,8605,8608],{},[36,8597,8598],{},"A domain you actually own. Namecheap, Cloudflare Registrar, Porkbun, GoDaddy - any of them work.",[36,8600,8601,8602,8604],{},"A Lovable project that already publishes to ",[51,8603,8585],{},". If you haven't clicked Publish yet, do that first; everything below assumes the project is live somewhere.",[36,8606,8607],{},"Access to your domain's DNS settings. If you bought the domain through Lovable's own registrar partner, this is handled for you. Otherwise you need to be able to add A, TXT and CNAME records at the registrar (or wherever your nameservers point).",[36,8609,8610],{},"A paid Lovable plan, or a willingness to read down to the section where I explain how to avoid one.",[12,8612,8613],{},"One canonical note on timing: with the records correct, expect propagation in 5 to 30 minutes. Up to 72 hours in pathological cases, but I haven't seen that in years - DNS today is miles better than the week-long ISP caches I was wrestling with on a Quake clan site back in the Angelfire days.",[22,8615,8617],{"id":8616},"what-you-get-with-lovables-built-in-custom-domain","What you get with Lovable's built-in custom domain",[12,8619,8620],{},"Lovable's paid custom-domain feature gives you automatic SSL, apex and subdomain support, primary-domain redirects, and a DNS-writing helper for some registrars. In more detail:",[115,8622,8623,8629,8635,8648],{},[36,8624,8625,8628],{},[237,8626,8627],{},"Automatic SSL."," Lovable provisions a certificate for you (Let's Encrypt under the hood). You don't touch it.",[36,8630,8631,8634],{},[237,8632,8633],{},"Entri-assisted DNS"," for some registrars (GoDaddy, Namecheap, a handful of others). Entri is a little popup that logs into your registrar and writes the records for you. It's nice when it works, fiddly when it doesn't.",[36,8636,8637,8640,8641,8643,8644,8647],{},[237,8638,8639],{},"Apex + subdomain support."," You can put the app on ",[51,8642,3019],{},", on ",[51,8645,8646],{},"app.yourdomain.com",", or on both. You can also connect multiple subdomains to different projects, which is genuinely useful if you're spinning up a few experiments.",[36,8649,8650,8653],{},[237,8651,8652],{},"Primary domain redirect."," Designate one as primary, and the others 301 to it.",[12,8655,8656],{},"So far, so standard. The interesting bit is the DNS configuration, because that's where everyone gets stuck.",[22,8658,8660],{"id":8659},"lovable-custom-domain-dns-a-record-cname-and-txt","Lovable custom domain DNS: A record, CNAME, and TXT",[12,8662,8663],{},"When you start the connect flow, Lovable hands you three things to paste into your registrar:",[33,8665,8666,8676,8682],{},[36,8667,8668,8671,8672,8675],{},[237,8669,8670],{},"An A record at the apex."," Host set to ",[51,8673,8674],{},"@"," (or blank, or your domain name, depending on what your DNS provider calls it). Value is an IP address Lovable shows you in the dashboard. Edge IPs can change, so copy the exact IP from your own setup screen rather than from a tutorial.",[36,8677,8678,8681],{},[237,8679,8680],{},"A TXT record for ownership verification."," Lovable generates a unique string you paste into a TXT record. This proves you actually control the domain before they hand you a certificate.",[36,8683,8684,8690,8691,8693,8694,8696],{},[237,8685,8686,8687,46],{},"A CNAME for ",[51,8688,8689],{},"www"," Host ",[51,8692,8689],{},", value is your Lovable subdomain (",[51,8695,2461],{},"). If you bought your domain through Lovable, this is added automatically; if you brought your own domain, you have to add it yourself.",[12,8698,8699,8700,8703],{},"There's a fourth thing that isn't a record to add - it's a record to ",[237,8701,8702],{},"remove",". Any existing AAAA records on your domain will quietly hijack traffic to IPv6 addresses that aren't Lovable's, and you'll see \"wrong site shown\" or \"stuck on the old host\" symptoms. Delete the AAAAs first. This catches people who've previously hosted on Netlify, Vercel, or Cloudflare Pages, because those providers love their IPv6.",[12,8705,8706,8707,8709],{},"Why A + TXT instead of just a CNAME? Classic DNS limitation. CNAMEs aren't allowed at the apex (",[51,8708,3019],{}," with no subdomain) per RFC, so providers that want apex support either use A records or vendor-specific ALIAS\u002FANAME flattening. Lovable went with A records, which is the most portable choice.",[22,8711,8713],{"id":8712},"how-to-publish-your-lovable-app-to-a-custom-domain","How to publish your Lovable app to a custom domain",[12,8715,8716],{},"To publish to a custom domain on Lovable, follow these steps inside Lovable and at your DNS provider:",[33,8718,8719,8732,8738,8741,8776,8787,8790],{},[36,8720,8721,8722,8725,8726,8729,8730,2732],{},"Open your project, go to ",[237,8723,8724],{},"Project Settings > Domains"," (or use the ",[237,8727,8728],{},"Publish"," modal and pick ",[237,8731,6768],{},[36,8733,8734,8735,46],{},"Enter your domain name and click ",[237,8736,8737],{},"Connect",[36,8739,8740],{},"Lovable shows you the A record IP and the TXT verification string. Keep that tab open.",[36,8742,8743,8744],{},"In a second tab, open your DNS provider's dashboard:\n",[115,8745,8746,8756,8763,8771],{},[36,8747,8748,8749,8751,8752,8755],{},"Add the A record. Host ",[51,8750,8674],{},", type ",[51,8753,8754],{},"A",", value = the IP Lovable showed you, TTL default (3600 or \"Auto\").",[36,8757,8758,8759,8762],{},"Add the TXT record. Host as specified by Lovable in the dashboard, type ",[51,8760,8761],{},"TXT",", value = the verification string in quotes if your provider doesn't add them automatically.",[36,8764,8765,8766,8768,8769,46],{},"Add the CNAME for ",[51,8767,8689],{}," pointing to ",[51,8770,2461],{},[36,8772,8773,8774,46],{},"Delete any AAAA records on the apex and on ",[51,8775,8689],{},[36,8777,8778,8779,8782,8783,8786],{},"Back in Lovable, click ",[237,8780,8781],{},"Check status"," (or ",[237,8784,8785],{},"Complete setup","). If DNS hasn't propagated yet, it'll say \"Verifying\"; that's normal, give it a few minutes and try again (see the timing note above).",[36,8788,8789],{},"Once verified, Lovable provisions the SSL certificate automatically. You'll see the status flip to \"Live\" or similar.",[36,8791,8792,8793,8796,8797,8800],{},"Optionally, mark this domain as ",[237,8794,8795],{},"Primary"," so the default ",[51,8798,8799],{},"lovable.app"," URL redirects to it.",[12,8802,8803],{},"That's the happy path. Most setups land here without trouble.",[22,8805,8807],{"id":8806},"lovable-custom-domain-not-working-common-errors-and-fixes","Lovable custom domain not working: common errors and fixes",[12,8809,8810],{},"Most failures fall into one of four buckets: Cloudflare proxy on, DNS not propagated yet, leftover AAAA records, or SSL not issued. In rough order of how often I see them:",[502,8812,8814],{"id":8813},"cloudflare-error-1000-dns-points-to-prohibited-ip","Cloudflare Error 1000 - \"DNS points to prohibited IP\"",[12,8816,8817],{},"If you proxy your domain through Cloudflare (the orange cloud icon next to your DNS record), Cloudflare's proxy gets in the way of Lovable's SSL termination and edge routing, and you get Error 1000. This is the single most common failure mode.",[12,8819,8820,8823,8824,8826],{},[237,8821,8822],{},"Fix:"," in your Cloudflare DNS dashboard, click the orange cloud next to the A record so it goes grey. That switches the record from \"Proxied\" to \"DNS only\", which lets traffic flow straight to Lovable. SSL termination then happens at Lovable's end instead of Cloudflare's, which is exactly what you want. If you also have a CNAME for ",[51,8825,8689],{}," proxied, switch that to DNS only as well.",[12,8828,8829],{},"You can still use Cloudflare for the registrar function and other zone settings. You just can't proxy the actual traffic to Lovable; Lovable's edge wants to handle the request directly.",[502,8831,8833],{"id":8832},"stuck-on-verifying-or-unable-to-verify","Stuck on \"Verifying\" or \"Unable to verify\"",[12,8835,8836],{},"Three common causes:",[115,8838,8839,8852,8855],{},[36,8840,8841,8842,8845,8846,8851],{},"DNS hasn't propagated yet. Run ",[51,8843,8844],{},"dig yourdomain.com"," from your terminal (or use ",[40,8847,8850],{"href":8848,"rel":8849},"https:\u002F\u002Fdnschecker.org",[44],"dnschecker.org",") and confirm the A record shows the IP Lovable gave you. If it shows your old host, wait.",[36,8853,8854],{},"TXT value was pasted incomplete. Some registrars strip quotes or truncate long values. Re-add it, pasting carefully and triple-checking.",[36,8856,8857],{},"Cloudflare proxy is on (see Error 1000 above).",[502,8859,8861],{"id":8860},"ssl-pending-forever","SSL pending forever",[12,8863,8864,8865,8868],{},"Verification succeeded but the certificate didn't issue. Usually this just needs a nudge - hit ",[237,8866,8867],{},"Retry"," in the Lovable dashboard and it'll re-trigger the Let's Encrypt request. If it still won't issue, double-check that the A record isn't proxied behind Cloudflare; Let's Encrypt's HTTP-01 challenge needs to reach Lovable's edge directly.",[502,8870,8872,8873,8875],{"id":8871},"apex-works-but-www-doesnt-or-vice-versa","Apex works but ",[51,8874,8689],{}," doesn't (or vice versa)",[12,8877,8878,8879,8881,8882,8884],{},"Means one of the two records is missing or pointing at the wrong target. Apex needs the A record; ",[51,8880,8689],{}," needs a CNAME to your ",[51,8883,8585],{}," subdomain. Both, not one.",[502,8886,8888],{"id":8887},"the-site-loads-but-shows-the-old-hosting-provider","The site loads but shows the old hosting provider",[12,8890,8891],{},"Almost always a leftover AAAA record. Delete it.",[22,8893,8895],{"id":8894},"lovable-custom-domain-pricing-what-you-actually-pay","Lovable custom domain pricing - what you actually pay",[12,8897,8898,8899,8901],{},"Lovable custom domain pricing starts at $25\u002Fmonth on the Pro plan, with Business at $50\u002Fmonth and Enterprise on request. The Free tier is ",[51,8900,8585],{}," only. Current as of May 2026:",[198,8903,8904,8918],{},[201,8905,8906],{},[204,8907,8908,8910,8913,8916],{},[207,8909,952],{},[207,8911,8912],{},"Price",[207,8914,8915],{},"Custom domain support",[207,8917,1638],{},[229,8919,8920,8935,8949,8962],{},[204,8921,8922,8924,8926,8932],{},[234,8923,6786],{},[234,8925,7440],{},[234,8927,8928,8929,8931],{},"No, ",[51,8930,8585],{}," only",[234,8933,8934],{},"Prototyping",[204,8936,8937,8940,8943,8946],{},[234,8938,8939],{},"Pro",[234,8941,8942],{},"$25\u002Fmo (or $250\u002Fyr)",[234,8944,8945],{},"Yes, unlimited custom domains",[234,8947,8948],{},"Solo builders shipping live apps",[204,8950,8951,8953,8956,8959],{},[234,8952,871],{},[234,8954,8955],{},"$50\u002Fmo (or $500\u002Fyr)",[234,8957,8958],{},"Yes, plus team access controls",[234,8960,8961],{},"Small teams",[204,8963,8964,8966,8969,8972],{},[234,8965,5393],{},[234,8967,8968],{},"Custom pricing",[234,8970,8971],{},"Yes, plus SSO and compliance bits",[234,8973,8974],{},"Companies with procurement",[12,8976,8977],{},"The custom domain itself is free once you're on any paid plan. Lovable doesn't charge per-domain.",[12,8979,8980,8981,8984],{},"If you bought the domain through Lovable's IONOS partnership, you pay standard registrar pricing (think $12-$18\u002Fyear for a ",[51,8982,8983],{},".com","). That's separate from the Lovable subscription.",[12,8986,8987,8988,8991],{},"The thing to weigh up: if ",[237,8989,8990],{},"the only reason"," you're looking at Pro is the custom domain, you're paying $25\u002Fmonth for what is essentially one DNS record and a free Let's Encrypt cert. Worth it if you're also getting value from Lovable's monthly credits and live editing. Not worth it if you've finished building and just want the thing online.",[12,8993,8994],{},"Which brings us to path B.",[22,8996,8998],{"id":8997},"the-alternative-path-export-your-lovable-app-and-host-it-elsewhere","The alternative path - export your Lovable app and host it elsewhere",[12,9000,9001],{},"If your Lovable app is essentially a static frontend (a landing page, a portfolio, a simple SPA, anything without a live backend running on Lovable Cloud or Lovable's hosted Supabase auth), you can export it and host it on something cheaper or free. I've done this for a couple of throwaway projects and it works fine.",[502,9003,9005],{"id":9004},"what-gets-exported","What gets exported",[12,9007,9008,9009,8782,9012,9015,9016,9018,9019,9021,9022,9025],{},"Lovable has a GitHub integration. From the project, hit ",[237,9010,9011],{},"Connect to GitHub",[237,9013,9014],{},"Transfer to GitHub",", depending on which UI variant you've got). After authorising the GitHub app, Lovable creates a repo and pushes your entire codebase to it - the React\u002FVite source, components, configs, the lot. It's a real two-way sync; you can clone the repo, build it locally with ",[51,9017,2475],{},", and you've got a ",[51,9020,2745],{}," folder of static files ready to host anywhere. Similar pattern to ",[40,9023,9024],{"href":1285},"exporting from Webflow",", only with a friendlier React codebase coming out the other end.",[12,9027,9028,9029,9032],{},"What does ",[237,9030,9031],{},"not"," carry over: anything tied to Lovable's runtime. If you're using Lovable Cloud, hosted Supabase auth proxied through Lovable, or any of the platform-managed services, those endpoints live on Lovable's infrastructure. Export the frontend and the API calls will still go to Lovable; you don't escape the dependency by exporting. For most marketing sites and simple apps this is fine, because they don't have those dependencies in the first place. For an app with real backend state, you'd be looking at migrating Supabase yourself, which is a bigger job.",[12,9034,9035,9036,9040,9041,9044],{},"This export-and-host pattern is the same idea I covered in ",[40,9037,9039],{"href":9038},"\u002Freplit-alternatives","Replit alternatives"," and the ",[40,9042,9043],{"href":7860},"Claude artifact publishing guide"," - AI builders are great for the build, but the hosting is often the most expensive bit of the stack relative to what you actually get.",[502,9046,9048],{"id":9047},"building-the-export-locally","Building the export locally",[12,9050,9051],{},"After Lovable pushes to GitHub:",[2500,9053,9057],{"className":9054,"code":9055,"language":9056,"meta":645,"style":645},"language-bash shiki shiki-themes github-light material-theme github-dark-high-contrast","git clone https:\u002F\u002Fgithub.com\u002Fyour-username\u002Fyour-lovable-app\ncd your-lovable-app\nnpm install\nnpm run build\n","bash",[51,9058,9059,9071,9080,9088],{"__ignoreMap":645},[1489,9060,9061,9065,9068],{"class":2598,"line":2599},[1489,9062,9064],{"class":9063},"sm3sQ","git",[1489,9066,9067],{"class":2644}," clone",[1489,9069,9070],{"class":2644}," https:\u002F\u002Fgithub.com\u002Fyour-username\u002Fyour-lovable-app\n",[1489,9072,9073,9077],{"class":2598,"line":646},[1489,9074,9076],{"class":9075},"sBjcq","cd",[1489,9078,9079],{"class":2644}," your-lovable-app\n",[1489,9081,9082,9085],{"class":2598,"line":656},[1489,9083,9084],{"class":9063},"npm",[1489,9086,9087],{"class":2644}," install\n",[1489,9089,9090,9092,9095],{"class":2598,"line":2672},[1489,9091,9084],{"class":9063},[1489,9093,9094],{"class":2644}," run",[1489,9096,9097],{"class":2644}," build\n",[12,9099,9100,9101,9103,9104,9107],{},"You'll end up with a ",[51,9102,2745],{}," folder (or ",[51,9105,9106],{},"build\u002F",", depending on the Vite config). That folder is the entire static site, ready to upload anywhere that serves static files.",[22,9109,9111],{"id":9110},"point-your-domain-at-hostsmith-instead","Point your domain at Hostsmith instead",[12,9113,9114],{},"Full disclosure - this is Hostsmith's blog, so this is the bit where I tell you what we do. It's relevant to the topic.",[12,9116,9117,9118,9120,9121,9124],{},"Hostsmith is static hosting. You upload a folder (or a zip, or individual files), it goes live in seconds, and custom domain support kicks in from the Pro plan upwards. Upload your Lovable ",[51,9119,2745],{},", add your domain in the site settings, and Hostsmith shows you the A record (and CNAME) to paste into your registrar. Same shape as the Lovable flow, different destination. If you've followed along with the ",[40,9122,9123],{"href":189},"drag-and-drop website hosting guide",", it's exactly the same drill.",[12,9126,9127,9128,3298,9130,9132,9133,9135],{},"A note on the Free tier: it gives you a regional subdomain - ",[51,9129,3485],{},[51,9131,3488],{}," depending on the partition - at $0, no card. That's enough for static one-pagers, but a built Lovable React\u002FVite ",[51,9134,2745],{}," folder will almost certainly bust the 5MB upload cap on Free - so in practice you're looking at Starter for the size, or Pro if you also want a custom domain.",[12,9137,9138,9139,9142],{},"Where this ",[237,9140,9141],{},"isn't"," the right answer: if your Lovable app has a live backend you're actively iterating on, stay on Lovable. The whole point of the platform is that the AI keeps shipping changes for you. Exporting and hosting elsewhere freezes the build. You can always re-export later, but if you're still in heavy build mode you'll just be doing this dance every week.",[22,9144,9146],{"id":9145},"lovable-hosting-vs-export-hostsmith-side-by-side","Lovable hosting vs. export + Hostsmith - side by side",[198,9148,9149,9162],{},[201,9150,9151],{},[204,9152,9153,9156,9159],{},[207,9154,9155],{},"Capability",[207,9157,9158],{},"Lovable Pro",[207,9160,9161],{},"Export + Hostsmith Pro",[229,9163,9164,9175,9183,9192,9202,9213,9232],{},[204,9165,9166,9169,9172],{},[234,9167,9168],{},"Monthly cost",[234,9170,9171],{},"from $25",[234,9173,9174],{},"from $9",[204,9176,9177,9179,9181],{},[234,9178,6768],{},[234,9180,270],{},[234,9182,270],{},[204,9184,9185,9188,9190],{},[234,9186,9187],{},"Automatic SSL",[234,9189,270],{},[234,9191,270],{},[204,9193,9194,9197,9199],{},[234,9195,9196],{},"Live AI editing",[234,9198,270],{},[234,9200,9201],{},"No (you'd re-export)",[204,9203,9204,9207,9210],{},[234,9205,9206],{},"Backend \u002F DB hosting",[234,9208,9209],{},"Yes (Lovable Cloud)",[234,9211,9212],{},"No, static only",[204,9214,9215,9218,9222],{},[234,9216,9217],{},"Free tier with vendor subdomain",[234,9219,9220],{},[51,9221,8585],{},[234,9223,9224,9227,9228,9231],{},[51,9225,9226],{},"*.us.hostsmith.link"," \u002F ",[51,9229,9230],{},"*.eu.hostsmith.link"," (5MB upload cap)",[204,9233,9234,9237,9240],{},[234,9235,9236],{},"GDPR \u002F EU residency option",[234,9238,9239],{},"No specific partition",[234,9241,9242],{},"EU partition available",[12,9244,9245],{},"Pick on the basis of \"still building\" vs \"shipped and static\". Both are reasonable answers; neither is universally right.",[22,9247,1536],{"id":638},[12,9249,9250,9253,9254,46],{},[237,9251,9252],{},"Does Lovable require a paid plan for custom domains?","\nYes. Pro at $25\u002Fmonth is the cheapest tier that supports custom domains. Free is locked to ",[51,9255,8585],{},[12,9257,9258,9261],{},[237,9259,9260],{},"Can I use Cloudflare with Lovable?","\nYes as a registrar and for DNS management, but set the proxy status to \"DNS only\" (grey cloud) for the A record. Proxied (orange cloud) triggers Error 1000.",[12,9263,9264,9267],{},[237,9265,9266],{},"How long does Lovable custom domain DNS take to propagate?","\nUsually 5 to 30 minutes; longer in rare cases. If you're not live within an hour or two, something is wrong - check the records.",[12,9269,9270,9273],{},[237,9271,9272],{},"Why is my Lovable custom domain not working?","\nAlmost always one of four causes: Cloudflare proxy is on (Error 1000), DNS hasn't propagated yet, a leftover AAAA record is hijacking traffic, or SSL hasn't been issued yet. Work through them in that order.",[12,9275,9276,9279,9280,9282],{},[237,9277,9278],{},"Can I switch domains later without losing my Lovable URL?","\nYes. Your ",[51,9281,8585],{}," URL stays active even after you connect a custom domain. You can disconnect and reconnect, swap domains, or add multiple, and the Lovable subdomain remains as a fallback.",[12,9284,9285,9288,9289,9291],{},[237,9286,9287],{},"Does my Lovable subdomain stay active after I connect a custom domain?","\nYes, by default. If you want the Lovable URL to redirect to your custom domain instead, mark your custom domain as ",[237,9290,8795],{}," in the Domains settings.",[12,9293,9294,9301,9302,9304],{},[237,9295,9296,9297,9300],{},"Can I use a subdomain like ",[51,9298,9299],{},"app.mydomain.com"," instead of the root?","\nYes. Lovable supports subdomains the same way it supports apex domains. For a subdomain you use a CNAME pointing to your ",[51,9303,8585],{}," URL rather than an A record. You can also connect multiple subdomains to different projects.",[12,9306,9307,9310,9311,9313],{},[237,9308,9309],{},"What happens if I cancel my Lovable subscription?","\nThe custom domain stops resolving to your Lovable app, and your project reverts to publishing on ",[51,9312,8585],{}," (with the same plan-tier restrictions Free has). You don't lose the project; you lose the custom-domain feature until you re-subscribe.",[12,9315,9316,9319],{},[237,9317,9318],{},"Can I host my Lovable app somewhere else and keep my domain?","\nYes - that's path B above. Export to GitHub, build locally, host the static output anywhere. Point your domain at the new host instead of Lovable. The catch is anything that depends on Lovable's hosted runtime stays tied to Lovable. For purely static apps, this works cleanly.",[8509,9321],{},[12,9323,9324,9325,9328,9329,9331],{},"Funny how things come full circle. Twenty-odd years ago I was uploading Geocities pages via FTP and faffing with ",[51,9326,9327],{},"A.B.C.D"," IPs in some registrar's clunky DNS panel. The tools have got a thousand times better, the IPs have got harder to remember, but the underlying dance - one A record at the apex, one CNAME for ",[51,9330,8689],{},", one TXT to prove you're you - is the same as it ever was. If you've got the records right and the proxy off, your Lovable app will be on your domain inside an hour. If it isn't, it's almost always one of the four things in the troubleshooting section above.",[12,9333,9334,9335,9338,9339,9341,9342,9345],{},"For more on the build-then-host pattern across AI tools, see the ",[40,9336,9337],{"href":3228},"vibe-coding website guide"," and the rundown of ",[40,9340,594],{"href":593}," for when you've outgrown the obvious option. And if you've just got a single HTML file you want online, ",[40,9343,9344],{"href":76},"hosting an HTML file online"," has the quickest route.",[3231,9347,9348],{},"html pre.shiki code .sm3sQ, html code.shiki .sm3sQ{--shiki-light:#6F42C1;--shiki-default:#FFCB6B;--shiki-dark:#FFB757}html pre.shiki code .saCgk, html code.shiki .saCgk{--shiki-light:#032F62;--shiki-default:#C3E88D;--shiki-dark:#ADDCFF}html pre.shiki code .sBjcq, html code.shiki .sBjcq{--shiki-light:#005CC5;--shiki-default:#82AAFF;--shiki-dark:#91CBFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":645,"searchDepth":646,"depth":646,"links":9350},[9351,9352,9353,9354,9355,9356,9364,9365,9369,9370,9371],{"id":8578,"depth":646,"text":8579},{"id":8592,"depth":646,"text":8593},{"id":8616,"depth":646,"text":8617},{"id":8659,"depth":646,"text":8660},{"id":8712,"depth":646,"text":8713},{"id":8806,"depth":646,"text":8807,"children":9357},[9358,9359,9360,9361,9363],{"id":8813,"depth":656,"text":8814},{"id":8832,"depth":656,"text":8833},{"id":8860,"depth":656,"text":8861},{"id":8871,"depth":656,"text":9362},"Apex works but www doesn't (or vice versa)",{"id":8887,"depth":656,"text":8888},{"id":8894,"depth":646,"text":8895},{"id":8997,"depth":646,"text":8998,"children":9366},[9367,9368],{"id":9004,"depth":656,"text":9005},{"id":9047,"depth":656,"text":9048},{"id":9110,"depth":646,"text":9111},{"id":9145,"depth":646,"text":9146},{"id":638,"depth":646,"text":1536},"2026-05-26","Cloudflare Error 1000, orange cloud disconnect, A vs CNAME confusion, nameserver gotchas - the Lovable custom domain failures the official docs leave out.","lucide:globe",{"excerpt":9376},{"type":9,"value":9377},[9378],[12,9379,8568,9380,2807,9382,8575],{},[51,9381,8571],{},[51,9383,8574],{},{"title":8563,"description":9373},"lovable-custom-domain",[3260,9387,3262,1598],"Custom Domain","I3DdtjOlSinqup6w9yNxMZoBB0gcsFIzA_1qfE1DcLM",{"id":9390,"title":9391,"alt":6,"author":7,"body":9392,"date":9372,"description":10373,"extension":666,"icon":10374,"image":6,"meta":10375,"navigation":673,"path":521,"published":6,"seo":10382,"stem":10383,"tags":10384,"__hash__":10385},"blog\u002Fvercel-alternatives.md","10 Best Vercel Alternatives for 2026 (Free + Paid)",{"type":9,"value":9393,"toc":10351},[9394,9397,9400,9404,9407,9465,9468,9472,9645,9648,9652,9655,9658,9664,9670,9676,9682,9688,9703,9706,9710,9713,9730,9733,9737,9740,9774,9777,9781,9784,9788,9791,9797,9805,9808,9840,9843,9852,9856,9859,9862,9865,9868,9872,9875,9878,9881,9884,9887,9893,9896,9900,9903,9906,9909,9912,9915,9919,9922,9925,9928,9939,9942,9950,9953,9957,9967,9970,9973,9976,9980,9983,9989,9992,9995,10001,10005,10008,10011,10014,10021,10024,10028,10031,10034,10037,10040,10044,10047,10050,10053,10056,10059,10062,10065,10069,10072,10080,10089,10098,10104,10114,10120,10126,10130,10133,10142,10182,10185,10190,10219,10222,10227,10250,10253,10256,10258,10264,10270,10276,10282,10288,10294,10300,10306,10312,10318,10327,10333,10335,10338,10341],[12,9395,9396],{},"The Deploy button on Vercel asked me to connect a GitHub organization to publish a 12 KB HTML file. One file. A bit of CSS, two SVGs. That was the moment I closed the tab and started writing this. If you're looking for a Vercel alternative because the workflow stopped fitting the work, you're not alone.",[12,9398,9399],{},"Vercel is the best place to ship Next.js. That's not the question. The question is what you do when your site has zero functions, no build pipeline, and no reason to live next to a Git repo. Or the opposite - you do have a backend, and Vercel's function meter is eating your margin.",[22,9401,9403],{"id":9402},"tldr-the-short-answer","TL;DR - the short answer",[12,9405,9406],{},"Ten Vercel alternatives I actually recommend in 2026, sorted by how much workflow tax they ask you to pay:",[115,9408,9409,9414,9419,9424,9430,9436,9442,9447,9453,9459],{},[36,9410,9411,9413],{},[237,9412,389],{}," - drag-and-drop, no build, no CLI, no GitHub account required. Zero workflow tax.",[36,9415,9416,9418],{},[237,9417,289],{}," - unlimited bandwidth on the free tier, hard to beat if you're fine with Git or Wrangler.",[36,9420,9421,9423],{},[237,9422,2897],{}," - Vercel's twin in features and pricing. Switching here mostly buys you a different bill.",[36,9425,9426,9429],{},[237,9427,9428],{},"Render"," - good when you'll eventually need a small backend.",[36,9431,9432,9435],{},[237,9433,9434],{},"Railway"," - full-stack starter with predictable usage billing. The platform people pick when they leave Vercel for an actual app.",[36,9437,9438,9441],{},[237,9439,9440],{},"Fly.io"," - global edge for things that aren't just static. Micro-VMs, real regions, real latency.",[36,9443,9444,9446],{},[237,9445,366],{}," - free, Jekyll-shaped, fine for docs and personal sites.",[36,9448,9449,9452],{},[237,9450,9451],{},"AWS Amplify"," - the right call if you're already deep in AWS.",[36,9454,9455,9458],{},[237,9456,9457],{},"DigitalOcean App Platform"," - predictable monthly pricing, no surprise meter.",[36,9460,9461,9464],{},[237,9462,9463],{},"Coolify"," - self-hosted. Own the box, own the bill.",[12,9466,9467],{},"The Vercel-specific pain that pushes people to look around isn't really about money. It's about a static site being treated like a full-stack platform problem, or a full-stack app being metered into a panic attack. You shouldn't need a CI pipeline to publish a resume. You also shouldn't need a finance meeting to ship a side project.",[22,9469,9471],{"id":9470},"vercel-alternatives-at-a-glance","Vercel alternatives at a glance",[198,9473,9474,9492],{},[201,9475,9476],{},[204,9477,9478,9481,9484,9487,9490],{},[207,9479,9480],{},"Platform",[207,9482,9483],{},"Free tier (real numbers)",[207,9485,9486],{},"Workflow tax",[207,9488,9489],{},"Custom domain on free?",[207,9491,1638],{},[229,9493,9494,9510,9526,9540,9555,9570,9585,9600,9615,9630],{},[204,9495,9496,9498,9501,9504,9507],{},[234,9497,389],{},[234,9499,9500],{},"1 site, 5k visits\u002Fmo, 5 GB BW, 5 MB storage",[234,9502,9503],{},"None (drag-drop)",[234,9505,9506],{},"No (subdomain only)",[234,9508,9509],{},"Drag-and-drop static, AI-builder output",[204,9511,9512,9514,9517,9520,9523],{},[234,9513,289],{},[234,9515,9516],{},"Unlimited bandwidth, 500 builds\u002Fmo",[234,9518,9519],{},"Low (Git or CLI)",[234,9521,9522],{},"Yes, up to 100",[234,9524,9525],{},"Static at scale, devs OK with Git",[204,9527,9528,9530,9533,9535,9537],{},[234,9529,2897],{},[234,9531,9532],{},"300 credits\u002Fmo (~15 GB bandwidth)",[234,9534,9519],{},[234,9536,270],{},[234,9538,9539],{},"Vercel-style workflow, smaller traffic",[204,9541,9542,9544,9547,9550,9552],{},[234,9543,9428],{},[234,9545,9546],{},"Free static tier",[234,9548,9549],{},"Medium (Git + config)",[234,9551,270],{},[234,9553,9554],{},"Static now, backend later",[204,9556,9557,9559,9562,9565,9567],{},[234,9558,9434],{},[234,9560,9561],{},"$5 trial credit, then usage-billed",[234,9563,9564],{},"Medium (Git + Dockerfile-ish)",[234,9566,270],{},[234,9568,9569],{},"Full-stack apps with Postgres",[204,9571,9572,9574,9577,9580,9582],{},[234,9573,9440],{},[234,9575,9576],{},"Pay-as-you-go, small free allowance",[234,9578,9579],{},"Medium-High (CLI, regions)",[234,9581,270],{},[234,9583,9584],{},"Edge apps, global latency",[204,9586,9587,9589,9592,9595,9597],{},[234,9588,366],{},[234,9590,9591],{},"Free, soft 100 GB limit",[234,9593,9594],{},"Low-Medium (Jekyll or Actions)",[234,9596,270],{},[234,9598,9599],{},"Docs, personal Jekyll sites",[204,9601,9602,9604,9607,9610,9612],{},[234,9603,9451],{},[234,9605,9606],{},"12-month free tier, then metered",[234,9608,9609],{},"High (AWS console)",[234,9611,270],{},[234,9613,9614],{},"Teams already in AWS",[204,9616,9617,9619,9622,9625,9627],{},[234,9618,9457],{},[234,9620,9621],{},"3 free static sites",[234,9623,9624],{},"Medium (Git + spec file)",[234,9626,270],{},[234,9628,9629],{},"Predictable monthly bills",[204,9631,9632,9634,9637,9640,9642],{},[234,9633,9463],{},[234,9635,9636],{},"Free software, you pay the VPS",[234,9638,9639],{},"High (self-host)",[234,9641,270],{},[234,9643,9644],{},"One box, many services",[12,9646,9647],{},"Workflow tax is the column most listicles skip. It's also the one that decides whether you finish the migration.",[22,9649,9651],{"id":9650},"why-teams-leave-vercel","Why teams leave Vercel",[12,9653,9654],{},"Most Vercel migrations trace back to one of four issues: function-shaped pricing on non-function sites, mandatory Git integration, bandwidth math at scale, and a Hobby tier that excludes client work. Vercel itself documents some of the pricing friction on their own pricing page, with features like spend caps, recursion protection, and Attack Challenge Mode. The fact that those features exist tells you something.",[12,9656,9657],{},"Now the friction points in detail.",[12,9659,9660,9663],{},[237,9661,9662],{},"The Hobby tier is personal use only."," That's in the terms. Plenty of indie devs technically violate this without realizing it. Any client work, any monetized side project, any portfolio that promotes paid services is supposed to be on Pro. So your $0\u002Fmonth plan has a license question mark hanging over it.",[12,9665,9666,9669],{},[237,9667,9668],{},"Function-shaped pricing for not-function-shaped sites."," Hobby includes 1 million Vercel Functions invocations and 4 hours of Active CPU per month. Pro starts at $20\u002Fmonth and ships with a $20 included usage credit. Overage after that is $0.60 per million invocations. If your site has zero serverless functions, you're paying nothing for those. But you're on a billing model that exists to meter them. Mental tax.",[12,9671,9672,9675],{},[237,9673,9674],{},"Bandwidth math gets weird at scale."," Hobby has a Fast Data Transfer cap of 100 GB\u002Fmonth. Pro lifts that to 1 TB. Past 1 TB on Pro, you're paying $0.15 per GB. Reasonable for an app. For a static portfolio that briefly hits the front page of Hacker News, it's the kind of bill that makes the news.",[12,9677,9678,9681],{},[237,9679,9680],{},"Builds run on metered machines on paid plans."," Standard build machines on Pro cost $0.014 per minute. Not a lot per build. But not a lot compounds.",[12,9683,9684,9687],{},[237,9685,9686],{},"Mandatory Git integration."," You connect a GitHub, GitLab, or Bitbucket repo, or you use the Vercel CLI. There is no drag-and-drop in the Vercel dashboard for plain HTML. If your designer hands you a folder, your only options are \"set up Git\" or \"set up the CLI.\" Which, again - for one HTML file?",[12,9689,9690,9693,9694,9698,9699,9702],{},[237,9691,9692],{},"Password protection is a paid-tier feature."," Vercel's Deployment Protection (the password \u002F SSO gate on a preview URL) is bundled into paid plans, not the Hobby tier. If your only reason to upgrade is to gate a client preview, the ",[40,9695,9697],{"href":8216,"rel":9696},[44],"Vercel password protection alternatives"," page walks through cheaper paths, and the broader ",[40,9700,9701],{"href":175},"password protect a website"," guide covers the same problem from the host-agnostic side.",[12,9704,9705],{},"None of this is Vercel being evil. It's Vercel optimizing for a different customer than someone shipping a static page - or someone shipping a Postgres-backed side project that just happens to have a marketing page bolted on.",[22,9707,9709],{"id":9708},"when-you-should-stay-with-vercel","When you should stay with Vercel",[12,9711,9712],{},"Vercel is the right answer when:",[115,9714,9715,9718,9721,9724,9727],{},[36,9716,9717],{},"You're shipping a Next.js app and using ISR, RSC streaming, or middleware. Vercel ships Next.js features first; it's the reference host.",[36,9719,9720],{},"You actually use Edge Functions in production. The DX is genuinely good.",[36,9722,9723],{},"Your team is already on Vercel and the switching cost outweighs the bill.",[36,9725,9726],{},"You need preview deployments tied to PR comments and your reviewers depend on them.",[36,9728,9729],{},"You're on Pro and your bill is predictable. A predictable $20-$50\u002Fmonth for a working production app is a fine deal.",[12,9731,9732],{},"If none of those apply, the rest of this Vercel alternatives list is for you.",[22,9734,9736],{"id":9735},"how-to-choose-a-vercel-alternative","How to choose a Vercel alternative",[12,9738,9739],{},"Every \"best Vercel alternative\" post I've read just lists logos. The actual choice depends on five questions. I'd answer these first, then look at the list.",[115,9741,9742,9751,9757,9763,9768],{},[36,9743,9744,9747,9748,9750],{},[237,9745,9746],{},"What's the workload shape?"," Pure static (HTML, CSS, a Vite ",[51,9749,2745],{},"), full-stack (an app with a database), edge-flavored (you actually need multi-region latency), or self-hosted (you own a VPS and want a control plane). The right Vercel alternative depends entirely on which of those you are.",[36,9752,9753,9756],{},[237,9754,9755],{},"Drag-and-drop or Git-first?"," If your \"build\" is a designer Slacking you a zip, Git-first hosts add real friction. If you live in a terminal, drag-and-drop feels weird. Pick the workflow you already have.",[36,9758,9759,9762],{},[237,9760,9761],{},"What does the free tier actually let you do?"," Not the marketing copy. The real numbers: bandwidth in GB, visitors per month, custom-domain support, surprise-bill protection. I rewrote a draft of this article after a free tier I'd called \"generous\" silently moved to credits.",[36,9764,9765,9767],{},[237,9766,4427],{}," Can you take your config to another host in an afternoon? Vercel and AWS Amplify both have config files that don't translate cleanly. Plain HTML on Hostsmith or static files on Cloudflare Pages move in five minutes.",[36,9769,9770,9773],{},[237,9771,9772],{},"EU data residency."," If your client is in the EU or you sell to EU customers, you want files that physically sit in the EU. Some hosts have \"EU edge\" but not EU residency. Different thing.",[12,9775,9776],{},"If you answer those five, the choice usually narrows to two or three platforms before you even open the listicle.",[22,9778,9780],{"id":9779},"the-10-best-vercel-alternatives-in-2026","The 10 best Vercel alternatives in 2026",[12,9782,9783],{},"The first four picks are best for static or static-leaning sites. The middle three are for full-stack work. The last three are for AWS-heavy teams, predictable billing, and self-hosters respectively. Pick the lane first, then the host.",[502,9785,9787],{"id":9786},"_1-hostsmith-the-drag-and-drop-one-zero-workflow-tax","1. Hostsmith - the drag-and-drop one (zero workflow tax)",[12,9789,9790],{},"Hostsmith is what I reach for when somebody DMs me a zip file at 11pm and wants a live URL by midnight. If you came here because Vercel asked you to connect a GitHub org for a 12 KB HTML file, this is the inverse of that experience.",[12,9792,9793,9794,9796],{},"You drag the folder into the dashboard. You get back a URL. There is no build step, no ",[51,9795,2587],{},", no GitHub connection. It hosts plain HTML, single-page apps, PDFs, images, zips - anything static. If you want Vercel-style hosting without GitHub, this is the shortest path. You can host a static site without a build pipeline on Hostsmith or Neocities.",[12,9798,9799,9800,3298,9802,9804],{},"The free tier is honest about its numbers. You get 1 site, 5,000 visits per month, 5 GB bandwidth, 5 MB storage, and a region-prefixed subdomain (",[51,9801,3485],{},[51,9803,3488],{}," depending on residency). No custom domain on free. Starter covers 10k visits, 10 GB, 50 MB storage, and Private Sites (password or email whitelist) - so you don't bounce to a higher tier just for gating client previews. Pro covers 5 sites, 100k visits, and custom domains on top.",[12,9806,9807],{},"Where this wins over Vercel for me:",[115,9809,9810,9813,9819,9825,9837],{},[36,9811,9812],{},"No function-invocation meter to read - there are no functions to invoke.",[36,9814,9815,9816,9818],{},"No ",[51,9817,2587],{},", no framework preset to argue with.",[36,9820,9821,9822,9824],{},"If your build already produced a ",[51,9823,2745],{},", Hostsmith starts where Vercel's build would end.",[36,9826,9827,9828,54,9830,4171,9833,9836],{},"AI-builder output ships as-is. If you exported a site from ",[40,9829,3260],{"href":3256},[40,9831,9832],{"href":3228},"Bolt, or v0",[40,9834,9835],{"href":7860},"downloaded a Claude artifact"," as HTML, you can drop it in and get a public URL. No build config to convince.",[36,9838,9839],{},"US and EU partitions for data residency if that matters for a client.",[12,9841,9842],{},"Where it doesn't fit: if you need serverless functions, an SSR Next.js app, or a build pipeline that runs on every Git push, Hostsmith isn't trying to be that. It is deliberately static-only.",[12,9844,9845,9846,429,9849,46],{},"See more on ",[40,9847,9848],{"href":189},"drag-and-drop website hosting",[40,9850,9851],{"href":76},"hosting a single HTML file online",[502,9853,9855],{"id":9854},"_2-cloudflare-pages-the-bandwidth-king-low-workflow-tax","2. Cloudflare Pages - the bandwidth king (low workflow tax)",[12,9857,9858],{},"Cloudflare Pages is the answer if you want a free tier that genuinely doesn't get in your way at scale and you're OK with a Git or Wrangler workflow.",[12,9860,9861],{},"Free tier numbers: unlimited bandwidth and unlimited static requests, 500 builds per month, 1 concurrent build, up to 100 custom domains per project. That bandwidth number is real, not asterisked.",[12,9863,9864],{},"The constraint is the workflow. Pages wants a Git connection or the Wrangler CLI. There's no drag-and-drop in the dashboard for casual use. If you live in a terminal, this is a non-issue. If you're a designer or marketer who just wants a URL, you'll feel it.",[12,9866,9867],{},"Pick Cloudflare Pages if: you're comfortable with Git, your site might go viral, and you want zero bandwidth anxiety.",[502,9869,9871],{"id":9870},"_3-netlify-vercels-twin-low-workflow-tax","3. Netlify - Vercel's twin (low workflow tax)",[12,9873,9874],{},"If you like Vercel's mental model but want a different vendor, Netlify is the closest match. Same Git-first workflow, same preview deploys, similar branded subdomains.",[12,9876,9877],{},"The free tier moved to Netlify's 2025 unified credit system. You get 300 credits per month. Bandwidth burns 20 credits per GB. Compute burns 10 credits per GB-hour. Web requests burn 2 credits per 10,000 requests. Production deploys cost 15 credits each.",[12,9879,9880],{},"Quick math: 300 credits \u002F 20 credits per GB = 15 GB of monthly bandwidth before you hit the wall on a pure-static deploy. That's lower than Vercel's 100 GB Hobby cap. And that 15 GB is before deploys and compute eat into the same bucket - a few production deploys a week (15 credits each) meaningfully shrink the bandwidth you actually get.",[12,9882,9883],{},"The good news: the free plan has hard limits. You will not get a surprise bill. Hit the cap and the project pauses until next month or you upgrade. The bad news: 15 GB is not a lot if you have any decent traffic, and \"credits\" is a confusing unit to budget against. Netlify Pro is $19\u002Fmember\u002Fmonth, which adds up fast for small teams.",[12,9885,9886],{},"If you're looking for a free Netlify alternative because 300 credits doesn't cover your traffic, Cloudflare Pages is the natural step.",[12,9888,9889,9890,9892],{},"Netlify Drop, their drag-and-drop product, is also worth knowing about if you only need it once in a while - though it has its own quirks. I've written about ",[40,9891,7336],{"href":674}," separately if you want the comparison.",[12,9894,9895],{},"Pick Netlify if: you want a one-for-one Vercel swap and you trust the credit math for your traffic.",[502,9897,9899],{"id":9898},"_4-render-the-i-might-need-a-backend-pick-medium-workflow-tax","4. Render - the \"I might need a backend\" pick (medium workflow tax)",[12,9901,9902],{},"Render is the platform I'd suggest if you're hosting a static site today but you suspect you'll need a real backend within six months.",[12,9904,9905],{},"Static sites on Render are free. Their docs cover the specific limits at render.com. The moment you need a backend, you spin up a Web Service. Paid web services start around $7\u002Fmonth for the smallest instance, with most production setups landing closer to $19\u002Fmonth.",[12,9907,9908],{},"What Render gets right is the gradient. You start with a free static deploy that looks like Vercel's, then add a Postgres database, then add a background worker, all in the same dashboard with the same auth and the same billing. No second account, no second mental model. Render's free Postgres expires after 30 days, so plan around that.",[12,9910,9911],{},"What Render gets less right is build time on the free tier. Cold builds are slow. If you're iterating fast, that pause between push and live URL becomes a thing you notice.",[12,9913,9914],{},"Don't bother with Render if you're absolutely sure your site is and will always be static - the other picks here are simpler and cheaper for that.",[502,9916,9918],{"id":9917},"_5-railway-the-full-stack-starter-medium-workflow-tax","5. Railway - the full-stack starter (medium workflow tax)",[12,9920,9921],{},"Railway is the Vercel alternative I'd pick if I were starting a new full-stack side project today. Not a marketing page with one form. An actual app, with a database, with background jobs.",[12,9923,9924],{},"The mental model: you connect a repo, Railway figures out how to build it (Nixpacks under the hood, or a Dockerfile if you've got one), and bills you for usage. Predictable in the sense that you can see the meter; less predictable than a flat monthly bill. They give you a small one-time trial credit to get going (check the current amount on their pricing page; the number has moved). Real production is usually $5-$20\u002Fmonth for a small app plus a Postgres.",[12,9926,9927],{},"What I like:",[115,9929,9930,9933,9936],{},[36,9931,9932],{},"Postgres, Redis, MySQL spin up as templated services. No third-party signup.",[36,9934,9935],{},"The dashboard treats your front-end and back-end as the same project. None of the \"front-end on Vercel, back-end on Render, database on Supabase\" credential sprawl.",[36,9937,9938],{},"Logs and metrics that don't feel like an afterthought.",[12,9940,9941],{},"What I don't:",[115,9943,9944,9947],{},[36,9945,9946],{},"Usage billing is real billing. If you forget about a service, you pay for it. Set spend caps.",[36,9948,9949],{},"Edge it isn't. Your services live in a region. Pick the right one.",[12,9951,9952],{},"Railway is the wrong tool if your site is 12 KB of HTML. It's the right tool when \"your site\" is really \"your app\" and Vercel's function meter is starting to make your stomach hurt.",[502,9954,9956],{"id":9955},"_6-flyio-the-global-edge-pick-medium-high-workflow-tax","6. Fly.io - the global edge pick (medium-high workflow tax)",[12,9958,9959,9960,569,9963,9966],{},"Fly.io is for apps that need to actually be close to users, not just say they are. Their thing is micro-VMs (Firecracker under the hood) that you can deploy to specific regions - Sydney, Frankfurt, São Paulo, the lot. You write a ",[51,9961,9962],{},"fly.toml",[51,9964,9965],{},"fly deploy",", and your app shows up in the region you asked for.",[12,9968,9969],{},"Pricing is pay-as-you-go on machines and bandwidth, with a small free allowance. A 256 MB shared-CPU machine running 24\u002F7 lands around $3-$5\u002Fmonth, plus bandwidth. Their bandwidth pricing has tiers by region, which is honest but also a thing to read.",[12,9971,9972],{},"Where Fly wins over Vercel: real regions, real latency control, real control over how your app runs. You're not handing your code to a function abstraction. You're running a tiny VM.",[12,9974,9975],{},"Where it loses: workflow tax. You're writing a Dockerfile or letting Fly auto-detect, configuring health checks, picking regions, watching machine logs. If you wanted to skip all that, Hostsmith or Cloudflare Pages are sitting right there. Fly is for when you specifically need what Fly gives you.",[502,9977,9979],{"id":9978},"_7-github-pages-the-free-forever-one-low-medium-workflow-tax","7. GitHub Pages - the free forever one (low-medium workflow tax)",[12,9981,9982],{},"GitHub Pages is the classic. Free, public-facing, tied to a repo. It's been there for a decade.",[12,9984,9985,9986,9988],{},"It is also the most opinionated host on this list. The path of least resistance is Jekyll, which is fine for docs and blogs and awkward for single-page apps with client-side routing. You can fight it - publish a ",[51,9987,2745],{}," from a workflow, configure 404.html for SPA fallback - but you're fighting it.",[12,9990,9991],{},"GitHub Pages is the right answer for: open-source project docs, personal sites you'll never iterate on, simple Jekyll blogs, and class projects. It is the wrong answer for: anything where the publishing UX matters more than the price.",[12,9993,9994],{},"Quick note on the indie web. Neocities and Nekoweb live in the same \"personal site, no build step\" lane and have real free tiers and real character. Right answer for the page you make about your cat, wrong answer for client work. If you outgrew Neocities but want that vibe with a custom domain, Hostsmith covers it without GitHub in the loop.",[12,9996,9997,9998,10000],{},"I have a longer take on ",[40,9999,594],{"href":593}," if you've decided it's not for you.",[502,10002,10004],{"id":10003},"_8-aws-amplify-if-youre-already-in-aws-high-workflow-tax","8. AWS Amplify - if you're already in AWS (high workflow tax)",[12,10006,10007],{},"AWS Amplify is the Vercel alternative for teams that already have an AWS account, IAM, and a CloudFront story. If you're not one of those teams, you're going to feel every minute of the setup.",[12,10009,10010],{},"The pitch: Git-connected static and SSR hosting on top of CloudFront, with optional Lambda backends, optional Cognito auth, optional DynamoDB. The 12-month AWS Free Tier covers a lot, and after that pricing is metered like the rest of AWS - bandwidth, build minutes, requests, with each line item competitively priced and the bill harder to predict.",[12,10012,10013],{},"What you get: real AWS infrastructure, IAM you already trust, integration with everything else in your account.",[12,10015,10016,10017,10020],{},"What you pay: AWS console UX, slow first deploy, and a config story (",[51,10018,10019],{},"amplify.yml",") that locks you into AWS-shaped builds. Migrating off Amplify is harder than migrating off most platforms on this list.",[12,10022,10023],{},"Pick Amplify if your team is already in AWS and the answer to \"where does this live?\" is non-negotiable. Skip it if you're choosing freely.",[502,10025,10027],{"id":10026},"_9-digitalocean-app-platform-the-predictable-bill-medium-workflow-tax","9. DigitalOcean App Platform - the predictable bill (medium workflow tax)",[12,10029,10030],{},"DO App Platform is the Vercel alternative for people who liked the heroku-era flat monthly bill and want it back. App instances start at $5\u002Fmonth for a basic container, with managed databases extra. Bandwidth is included with your app instance up to a generous cap. The whole pricing page fits on one screen. Their static site tier has shifted over time, so double-check the current offer on their pricing page before you plan around it.",[12,10032,10033],{},"What it gets right: predictability. You know what next month's bill is. No usage meter to refresh anxiously. The Git-based deploy flow is straightforward, no surprises.",[12,10035,10036],{},"What it gets less right: feature ceiling. No global edge, no advanced traffic routing, no fancy preview environments. If you wanted those, you wouldn't be looking here.",[12,10038,10039],{},"Pick DO App Platform if you want a Vercel alternative whose bill you can explain to a non-technical partner in one sentence.",[502,10041,10043],{"id":10042},"_10-coolify-own-the-box-own-the-bill-high-workflow-tax","10. Coolify - own the box, own the bill (high workflow tax)",[12,10045,10046],{},"A note on self-hosting before the platform.",[12,10048,10049],{},"Self-hosting makes sense when you're already paying for a VPS for other reasons, when you have specific data-residency requirements no managed host meets, or when you're hosting more than a handful of small services and the per-platform free tiers don't add up to the convenience tax.",[12,10051,10052],{},"It does not make sense when you have one static site. It's the wrong tool for that, no matter how much fun the setup looks. The labor cost dwarfs the hosting cost.",[12,10054,10055],{},"With that out of the way: Coolify is a self-hosted PaaS that puts a Heroku-shaped dashboard on top of your own VPS. Connect a repo, give it a Dockerfile (or let Nixpacks figure it out), and you get auto-deploys, SSL, preview environments, database services - the works. The software is free. Your hosting bill is whatever Hetzner or Vultr or DO charges for the underlying box.",[12,10057,10058],{},"Realistic budget: $5-$10\u002Fmonth for the box, an afternoon to set it up, plus an hour or two a month thereafter for OS patches and Coolify updates - and whatever the box does at 2am the night something goes wrong.",[12,10060,10061],{},"What's good: total control. No usage meter. Host as many sites and services as the VPS can carry. No vendor can deprecate your stack.",[12,10063,10064],{},"What's not: you are now sysadmin. When the box runs out of disk at 2am, that's you. Coolify's a Vercel alternative for people who genuinely want to own the operating layer, not for people who think they want to.",[22,10066,10068],{"id":10067},"vercel-alternatives-by-use-case","Vercel alternatives by use case",[12,10070,10071],{},"Skim the list above by what you're actually shipping.",[12,10073,10074,10079],{},[237,10075,10076,10077,46],{},"For a static site, plain HTML or a Vite ",[51,10078,2745],{}," Hostsmith if you don't want to touch Git. Cloudflare Pages if you do and you want unlimited bandwidth. GitHub Pages if it's a docs site or a personal page tied to a repo you already have.",[12,10081,10082,10085,10086,10088],{},[237,10083,10084],{},"For an AI-builder export."," Hostsmith. Lovable, Bolt, v0, and Claude artifacts all produce static output that drops in without a build config. The ",[40,10087,7856],{"href":3256}," walks the specific flow.",[12,10090,10091,10094,10095,10097],{},[237,10092,10093],{},"For a client preview you need to gate."," Hostsmith's Private Sites (password or email whitelist), available from the Starter plan up - pair with a custom domain on Pro. The ",[40,10096,9701],{"href":175}," pillar covers the host-agnostic options.",[12,10099,10100,10103],{},[237,10101,10102],{},"For a full-stack app with a database."," Railway for the smoothest dashboard. Render if you want to start static and grow into the backend. Fly.io if you genuinely need multi-region.",[12,10105,10106,10109,10110,10113],{},[237,10107,10108],{},"For an EU-resident site."," Hostsmith EU partition for static. Fly.io with EU regions for apps. AWS Amplify in ",[51,10111,10112],{},"eu-central-1"," if you're already there.",[12,10115,10116,10119],{},[237,10117,10118],{},"For \"I own a VPS already.\""," Coolify. Anything else is wasted spend.",[12,10121,10122,10125],{},[237,10123,10124],{},"For \"we're already in AWS.\""," Amplify. Don't fight your org chart.",[22,10127,10129],{"id":10128},"pricing-reality-check","Pricing reality check",[12,10131,10132],{},"Let's run real math across the use cases, not just static.",[12,10134,10135,10138,10139,10141],{},[237,10136,10137],{},"Scenario A: 50 MB static portfolio, 10,000 visitors\u002Fmonth, ~20 GB bandwidth."," Classic ",[40,10140,3514],{"href":3513}," numbers.",[115,10143,10144,10150,10156,10162,10167,10172,10177],{},[36,10145,10146,10149],{},[237,10147,10148],{},"Vercel Hobby",": $0\u002Fmonth. Comfortably under 100 GB Fast Data Transfer. But you're technically violating the personal-use clause if this portfolio promotes paid services.",[36,10151,10152,10155],{},[237,10153,10154],{},"Vercel Pro",": $20\u002Fmonth minimum. Includes 1 TB, so 20 GB is nothing. You're paying for headroom you don't use.",[36,10157,10158,10161],{},[237,10159,10160],{},"Netlify Free",": 20 GB bandwidth = 400 credits. You're 100 credits over the 300 free limit, so the site pauses partway through the month or you upgrade.",[36,10163,10164,10166],{},[237,10165,289],{},": $0\u002Fmonth. Unlimited bandwidth is unlimited.",[36,10168,10169,10171],{},[237,10170,366],{},": $0\u002Fmonth, inside the soft 100 GB advisory limit.",[36,10173,10174,10176],{},[237,10175,389],{},": Starter at a few dollars\u002Fmonth covers 10k visits and 10 GB; Pro covers it comfortably with custom domain.",[36,10178,10179,10181],{},[237,10180,9457],{},": depends on the current static tier (see their pricing page) plus any add-ons; typically a few dollars a month at this scale.",[12,10183,10184],{},"Winner: Cloudflare Pages and Hostsmith. Vercel Pro works, just expensive for the workload.",[12,10186,10187],{},[237,10188,10189],{},"Scenario B: small full-stack app, Postgres + Node API, ~500 daily users, modest bandwidth.",[115,10191,10192,10198,10203,10208,10213],{},[36,10193,10194,10197],{},[237,10195,10196],{},"Vercel Pro + a third-party Postgres",": $20\u002Fmonth Vercel + ~$10-$25\u002Fmonth Postgres elsewhere = ~$30-$45\u002Fmonth, with function invocation overage as a wild card.",[36,10199,10200,10202],{},[237,10201,9434],{},": ~$5-$15\u002Fmonth all-in for the app + Postgres, billed by usage.",[36,10204,10205,10207],{},[237,10206,9428],{},": $7\u002Fmonth web service + $7\u002Fmonth Postgres after the free 30 days = ~$14\u002Fmonth.",[36,10209,10210,10212],{},[237,10211,9440],{},": ~$5-$10\u002Fmonth for two small machines + Postgres, region of your choice.",[36,10214,10215,10218],{},[237,10216,10217],{},"DO App Platform",": $5\u002Fmonth app + $15\u002Fmonth managed Postgres = ~$20\u002Fmonth, flat.",[12,10220,10221],{},"Winner: Railway or Fly for usage-billed flexibility, DO for a flat bill you can predict.",[12,10223,10224],{},[237,10225,10226],{},"Scenario C: globally-distributed app, real users in EU + US + APAC.",[115,10228,10229,10234,10239,10244],{},[36,10230,10231,10233],{},[237,10232,10154],{},": works, but you're paying for an Edge feature set whether you use it or not.",[36,10235,10236,10238],{},[237,10237,9440],{},": machines in 3 regions, ~$15-$30\u002Fmonth all-in for small apps.",[36,10240,10241,10243],{},[237,10242,9451],{},": technically works via CloudFront, but the latency story is less direct than Fly.",[36,10245,10246,10249],{},[237,10247,10248],{},"Cloudflare Pages + Workers",": free tier covers a lot if your \"app\" is mostly static + lightweight edge functions.",[12,10251,10252],{},"Winner: Fly.io if it's a real app. Cloudflare if it's static with sprinkles.",[12,10254,10255],{},"The point of running three scenarios: the right Vercel alternative depends on what you're shipping. The platform tax that's reasonable for a Postgres-backed app is unreasonable for a portfolio, and vice versa.",[22,10257,3129],{"id":3128},[12,10259,10260,10263],{},[237,10261,10262],{},"What is the best Vercel alternative?","\nFor a static site with no build step: Hostsmith. For a static site with Git: Cloudflare Pages. For a full-stack app: Railway. The \"best\" Vercel alternative is the one that matches your workload shape, not the one with the most features.",[12,10265,10266,10269],{},[237,10267,10268],{},"What is the best free Vercel alternative?","\nFor a Git-driven workflow with unlimited bandwidth: Cloudflare Pages. For a no-Git, drag-and-drop workflow: Hostsmith. Both have real free tiers with no surprise overages.",[12,10271,10272,10275],{},[237,10273,10274],{},"What's the best Vercel alternative for full-stack apps?","\nRailway, with Render as a close second. Both bundle the app, the database, and the dashboard, and both bill on patterns that scale gently. Fly.io if you specifically need multi-region. Vercel itself if you're shipping Next.js and using its framework-specific features in earnest.",[12,10277,10278,10281],{},[237,10279,10280],{},"What's the best self-hosted Vercel alternative?","\nCoolify on a $5-$10\u002Fmonth VPS. You get auto-deploys, SSL, and a dashboard close in feel to Vercel's, in exchange for being your own sysadmin. Dokploy and CapRover are honorable mentions in the same lane.",[12,10283,10284,10287],{},[237,10285,10286],{},"Vercel vs Netlify - which is cheaper?","\nNot meaningfully. Netlify Pro is $19\u002Fmember\u002Fmonth and Vercel Pro starts at $20\u002Fmonth, both with similar usage-based metering above that. If money is the issue, Cloudflare Pages or Hostsmith are bigger wins than swapping Vercel for Netlify.",[12,10289,10290,10293],{},[237,10291,10292],{},"What's the best Vercel competitor in 2026?","\nDepends on the lane. For static: Cloudflare Pages on workflow and Hostsmith on simplicity. For full-stack: Railway. For self-hosters: Coolify. For AWS shops: Amplify. There isn't a single \"best Vercel competitor\" - there's a best one for each kind of project.",[12,10295,10296,10299],{},[237,10297,10298],{},"What's a good free Netlify alternative?","\nCloudflare Pages if you want a Git workflow with unlimited bandwidth. Hostsmith if you want drag-and-drop without Git. Both avoid Netlify's 300-credit ceiling and neither has a surprise-bill model.",[12,10301,10302,10305],{},[237,10303,10304],{},"What's the best Neocities alternative with a custom domain?","\nHostsmith. Pro plan supports up to 5 custom domains on static-only hosting with no build step required, which is the closest match for someone who liked Neocities' simplicity but outgrew the no-custom-domain limit.",[12,10307,10308,10311],{},[237,10309,10310],{},"How do I host a static site without GitHub?","\nHostsmith and Neocities both let you upload files directly through a dashboard - no repo, no CLI. If you want a Vercel alternative specifically without GitHub, Hostsmith is the closest match in workflow. Vercel, Netlify, Cloudflare Pages, and Render all expect Git or a CLI tool.",[12,10313,10314,10317],{},[237,10315,10316],{},"Why is Vercel so expensive at scale?","\nVercel meters function invocations, Active CPU, Fast Data Transfer, and build minutes separately. For a static site with no functions, you're still on a billing model designed for full-stack apps. Past 1 TB on Pro, bandwidth is $0.15\u002FGB. Function overage is $0.60 per million invocations. None of these are unreasonable individually - they just compound for traffic-heavy or function-heavy sites.",[12,10319,10320,10323,10324,10326],{},[237,10321,10322],{},"What's the simplest way to host an HTML file online?","\nDrag it into Hostsmith and copy the URL. Done. I wrote a longer guide on ",[40,10325,9344],{"href":76}," with screenshots if you want the step-by-step.",[12,10328,10329,10332],{},[237,10330,10331],{},"Are there EU-hosted Vercel alternatives?","\nYes. Cloudflare has EU points of presence by default. Hostsmith has explicit EU partitions you can pick at upload time, so the files actually sit in the EU. Fly.io lets you pick EU regions for app workloads. Netlify and Vercel have EU edge but data residency guarantees usually require a paid plan.",[8509,10334],{},[12,10336,10337],{},"Most people on Vercel today don't need Vercel. They need a host that matches the shape of the work. For one HTML file, the right answer was always going to be a host, not a platform. For a Postgres-backed app, the right answer is a platform that doesn't pretend the database is somebody else's problem.",[12,10339,10340],{},"Pick the workflow tax you're actually willing to pay. The Vercel alternatives list above sorts itself out from there.",[12,10342,10343,10344,429,10346,10348,10349,46],{},"If you're comparing hosts across adjacent categories, the ",[40,10345,1300],{"href":1299},[40,10347,8271],{"href":3628}," posts cover related decisions. If you're escaping Replit specifically, see ",[40,10350,9039],{"href":9038},{"title":645,"searchDepth":646,"depth":646,"links":10352},[10353,10354,10355,10356,10357,10358,10370,10371,10372],{"id":9402,"depth":646,"text":9403},{"id":9470,"depth":646,"text":9471},{"id":9650,"depth":646,"text":9651},{"id":9708,"depth":646,"text":9709},{"id":9735,"depth":646,"text":9736},{"id":9779,"depth":646,"text":9780,"children":10359},[10360,10361,10362,10363,10364,10365,10366,10367,10368,10369],{"id":9786,"depth":656,"text":9787},{"id":9854,"depth":656,"text":9855},{"id":9870,"depth":656,"text":9871},{"id":9898,"depth":656,"text":9899},{"id":9917,"depth":656,"text":9918},{"id":9955,"depth":656,"text":9956},{"id":9978,"depth":656,"text":9979},{"id":10003,"depth":656,"text":10004},{"id":10026,"depth":656,"text":10027},{"id":10042,"depth":656,"text":10043},{"id":10067,"depth":646,"text":10068},{"id":10128,"depth":646,"text":10129},{"id":3128,"depth":646,"text":3129},"10 Vercel alternatives ranked by the workflow tax they cost you - from drag-and-drop with zero config to full-stack PaaS that won't meter your side project.","mdi:swap-horizontal-bold",{"excerpt":10376},{"type":9,"value":10377},[10378,10380],[12,10379,9396],{},[12,10381,9399],{},{"title":9391,"description":10373},"vercel-alternatives",[1598,2894,2897,9428,9434,9440,8558,2430],"YECgBJTfZMok9CX3a1TJbm41Z1gP8_UvhZJO9SAvDqc",{"id":10387,"title":10388,"alt":6,"author":7,"body":10389,"date":10963,"description":10964,"extension":666,"icon":10965,"image":6,"meta":10966,"navigation":673,"path":10980,"published":6,"seo":10981,"stem":10982,"tags":10983,"__hash__":10987},"blog\u002Fhow-to-share-large-video-file-from-iphone.md","How to Share a Large Video File from iPhone: 6 Ways That Actually Work in 2026",{"type":9,"value":10390,"toc":10950},[10391,10394,10405,10408,10412,10415,10435,10438,10442,10445,10448,10459,10485,10488,10492,10495,10497,10510,10532,10535,10539,10542,10544,10555,10582,10585,10589,10596,10599,10601,10612,10634,10637,10640,10649,10653,10656,10678,10681,10685,10688,10690,10701,10721,10724,10728,10843,10847,10850,10853,10856,10867,10870,10878,10882,10885,10899,10902,10904,10910,10916,10926,10932,10941,10947],[12,10392,10393],{},"A five-minute 4K clip at 60 fps from an iPhone is routinely north of a gigabyte, and the default tools choke long before that. I learned this the hard way last month: I tried to email a 600 MB hike video to my brother, Mail offered Mail Drop (it prompts around 20 MB), the recipient got a link that expired in 30 days, and the file came down re-encoded. So I tested every realistic option for how to share a large video file from iPhone in 2026, top to bottom.",[12,10395,10396,10399,10400,10404],{},[237,10397,10398],{},"TL;DR:"," The fastest answer is AirDrop Apple-to-Apple, an iCloud Link for any browser, or ",[40,10401,389],{"href":10402,"rel":10403},"https:\u002F\u002Fhostsmith.net\u002F",[44]," for a link that doesn't expire.",[12,10406,10407],{},"This guide covers six methods, with real size caps, expiry dates, and which ones keep the original file with no re-encoding. I'll also cover the iPhone-to-Android case, which has finally stopped being a nightmare in 2026.",[22,10409,10411],{"id":10410},"why-iphones-cant-send-large-videos-through-messages-or-mail","Why iPhones can't send large videos through Messages or Mail",[12,10413,10414],{},"Two reasons. First, modern iPhone video is heavy: 4K at 60 fps in HEVC runs roughly 400 MB per minute, and ProRes is multiple gigabytes per minute. Second, the built-in apps were never designed for big video files.",[115,10416,10417,10423,10429],{},[36,10418,10419,10422],{},[237,10420,10421],{},"iMessage"," attachments cap around 100 MB, and only when both sides are on iMessage.",[36,10424,10425,10428],{},[237,10426,10427],{},"iOS Mail"," prompts you to use Mail Drop once your attachment hits roughly 20 MB (that's what tripped my hike video in the intro). Below that, your email provider's own limit applies (Gmail caps at 25 MB).",[36,10430,10431,10434],{},[237,10432,10433],{},"MMS"," (what happens when you text an Android contact) caps at about 3.5 MB. Forget video.",[12,10436,10437],{},"So even a short clip from your camera roll blows past every default channel. You need a method built for the job. Here are six.",[22,10439,10441],{"id":10440},"_1-airdrop-apple-to-apple-the-fastest-option","1. AirDrop (Apple-to-Apple, the fastest option)",[12,10443,10444],{},"AirDrop is still the fastest way to move a multi-gigabyte video between two Apple devices in the same room. It sends the original file, bit-for-bit, over a direct peer-to-peer Wi-Fi link.",[12,10446,10447],{},"How to use it:",[33,10449,10450,10453,10456],{},[36,10451,10452],{},"Open the video in Photos.",[36,10454,10455],{},"Tap the Share icon, then AirDrop.",[36,10457,10458],{},"Pick the nearby device.",[115,10460,10461,10467,10473,10479],{},[36,10462,10463,10466],{},[237,10464,10465],{},"Max size:"," No practical limit. I've moved 12 GB ProRes clips this way.",[36,10468,10469,10472],{},[237,10470,10471],{},"Recipient:"," Must be Apple (iPhone, iPad, Mac).",[36,10474,10475,10478],{},[237,10476,10477],{},"Quality:"," Full resolution preserved.",[36,10480,10481,10484],{},[237,10482,10483],{},"Expiry:"," None. It's a direct transfer.",[12,10486,10487],{},"Catch: both devices need to be in Bluetooth and Wi-Fi range. Not useful for sending across town.",[22,10489,10491],{"id":10490},"_2-icloud-link-any-recipient-any-browser","2. iCloud Link (any recipient, any browser)",[12,10493,10494],{},"This is the option most iPhone users don't know about, and it's the one I default to when AirDrop won't work. From Photos, you can generate a web link to a video that anyone can open in a browser, no Apple ID required.",[12,10496,10447],{},[33,10498,10499,10501,10504,10507],{},[36,10500,10452],{},[36,10502,10503],{},"Tap Share, then \"Copy iCloud Link.\"",[36,10505,10506],{},"Wait for the link (a few seconds to a couple of minutes depending on size and connection).",[36,10508,10509],{},"Paste the link into any message, email, or chat.",[115,10511,10512,10517,10522,10527],{},[36,10513,10514,10516],{},[237,10515,10465],{}," Bound by your free iCloud storage room, not a fixed per-link cap. Single uploads from Photos are typically reliable up to a few GB; very large files can fail silently, so test before relying on it for a 10 GB clip.",[36,10518,10519,10521],{},[237,10520,10471],{}," Anyone with a web browser.",[36,10523,10524,10526],{},[237,10525,10477],{}," Original file, no re-encoding.",[36,10528,10529,10531],{},[237,10530,10483],{}," 30 days.",[12,10533,10534],{},"That 30-day expiry is the kicker. If someone bookmarks the link and comes back in February, it's dead.",[22,10536,10538],{"id":10537},"_3-wetransfer-the-classic-with-a-2026-catch","3. WeTransfer (the classic, with a 2026 catch)",[12,10540,10541],{},"WeTransfer used to be the go-to for everyone. In 2026, the free tier got squeezed.",[12,10543,10447],{},[33,10545,10546,10549,10552],{},[36,10547,10548],{},"Open wetransfer.com in Safari.",[36,10550,10551],{},"Add your video, enter your email and the recipient's.",[36,10553,10554],{},"Send.",[115,10556,10557,10562,10568,10573,10577],{},[36,10558,10559,10561],{},[237,10560,10465],{}," 3 GB per transfer on Free.",[36,10563,10564,10567],{},[237,10565,10566],{},"Free tier:"," 3 GB total per 30-day window, capped at 10 transfers. Hit either limit and you're locked out until the next month.",[36,10569,10570,10572],{},[237,10571,10471],{}," Anyone with email.",[36,10574,10575,10526],{},[237,10576,10477],{},[36,10578,10579,10581],{},[237,10580,10483],{}," 3 days on Free.",[12,10583,10584],{},"It still works, but the 30-day quota means it's no longer a \"set and forget\" tool for anyone who shares video weekly.",[22,10586,10588],{"id":10587},"_4-hostsmith-the-link-that-doesnt-expire","4. Hostsmith (the link that doesn't expire)",[12,10590,10591,10592,10595],{},"I started using ",[40,10593,389],{"href":10402,"rel":10594},[44]," for hosting static sites, then realized it doubles as a permanent file host. You upload the video once, you get a URL, and the URL stays live as long as the file's there. No 3-day countdown, no monthly transfer cap.",[12,10597,10598],{},"This is what I now use when I'm sending a video that needs to be accessible later: a wedding edit my parents will want to rewatch in March, a portfolio reel for clients, a tutorial I want to keep linkable.",[12,10600,10447],{},[33,10602,10603,10606,10609],{},[36,10604,10605],{},"Sign up at hostsmith.net.",[36,10607,10608],{},"Drag the video file into the dashboard.",[36,10610,10611],{},"Copy the link.",[115,10613,10614,10619,10624,10629],{},[36,10615,10616,10618],{},[237,10617,10465],{}," 25 MB on Free, up to 10 GB on paid plans.",[36,10620,10621,10623],{},[237,10622,10471],{}," Anyone with the link.",[36,10625,10626,10628],{},[237,10627,10477],{}," Original file, served as uploaded.",[36,10630,10631,10633],{},[237,10632,10483],{}," None.",[12,10635,10636],{},"Every other method on this list expires. Hostsmith doesn't.",[12,10638,10639],{},"The Free tier is honest: 25 MB isn't enough for real video. For most clips under a minute you'll want Basic. For 4K family videos, Standard. Premium if you're shipping client deliverables you can't afford to have go dark.",[12,10641,10642,10643,429,10646,46],{},"If you're also sharing PDFs or other big files, see our guides on ",[40,10644,10645],{"href":556},"hosting PDFs as links",[40,10647,10648],{"href":189},"drag-and-drop file hosting",[22,10650,10652],{"id":10651},"_5-google-drive-good-if-you-already-pay-google","5. Google Drive (good if you already pay Google)",[12,10654,10655],{},"If you're already on a Google One plan for backups or Gmail storage, Drive is a reasonable choice. You can upload from the Drive app on iPhone and share a link.",[115,10657,10658,10663,10668,10673],{},[36,10659,10660,10662],{},[237,10661,10465],{}," 5 GB per individual file on Free; higher on paid storage.",[36,10664,10665,10667],{},[237,10666,10471],{}," Anyone with the link (set sharing to \"Anyone with the link\").",[36,10669,10670,10672],{},[237,10671,10477],{}," Original file on download; in-browser playback transcodes.",[36,10674,10675,10677],{},[237,10676,10483],{}," None as long as the file is in your Drive and you have storage.",[12,10679,10680],{},"Watch the default sharing permission. Drive starts in \"Restricted\" mode, and your recipient will hit an access wall unless you change it.",[22,10682,10684],{"id":10683},"_6-smash-when-you-need-to-send-something-huge-for-free","6. Smash (when you need to send something huge for free)",[12,10686,10687],{},"Smash is the only mainstream service that doesn't put a hard size cap on free users. You can send a 20 GB file with no subscription. The trade-off: anything over 2 GB on Free goes into an unprioritized queue, so a big upload can take a while.",[12,10689,10447],{},[33,10691,10692,10695,10698],{},[36,10693,10694],{},"Go to fromsmash.com in Safari.",[36,10696,10697],{},"Add your video.",[36,10699,10700],{},"Enter the recipient's email or copy the link.",[115,10702,10703,10708,10712,10716],{},[36,10704,10705,10707],{},[237,10706,10465],{}," No hard cap. Files over 2 GB queue on Free.",[36,10709,10710,10623],{},[237,10711,10471],{},[36,10713,10714,10526],{},[237,10715,10477],{},[36,10717,10718,10720],{},[237,10719,10483],{}," 7 days on Free.",[12,10722,10723],{},"Smash is the right tool when you need to send one huge file once. Not the tool for repeated weekly sends.",[22,10725,10727],{"id":10726},"comparison-which-method-should-you-use","Comparison: which method should you use?",[198,10729,10730,10748],{},[201,10731,10732],{},[204,10733,10734,10736,10739,10742,10745],{},[207,10735,8084],{},[207,10737,10738],{},"Max size (Free)",[207,10740,10741],{},"Recipient",[207,10743,10744],{},"Quality",[207,10746,10747],{},"Expiry",[229,10749,10750,10766,10782,10798,10812,10827],{},[204,10751,10752,10755,10758,10761,10764],{},[234,10753,10754],{},"AirDrop",[234,10756,10757],{},"No limit",[234,10759,10760],{},"Apple only",[234,10762,10763],{},"Original, no re-encoding",[234,10765,379],{},[204,10767,10768,10771,10774,10777,10779],{},[234,10769,10770],{},"iCloud Link",[234,10772,10773],{},"Limited by iCloud storage",[234,10775,10776],{},"Any browser",[234,10778,10763],{},[234,10780,10781],{},"30 days",[204,10783,10784,10787,10790,10793,10795],{},[234,10785,10786],{},"WeTransfer",[234,10788,10789],{},"3 GB \u002F transfer (10\u002Fmonth)",[234,10791,10792],{},"Email",[234,10794,10763],{},[234,10796,10797],{},"3 days",[204,10799,10800,10802,10805,10808,10810],{},[234,10801,389],{},[234,10803,10804],{},"25 MB - 10 GB (paid plans)",[234,10806,10807],{},"Any link",[234,10809,10763],{},[234,10811,379],{},[204,10813,10814,10817,10820,10822,10825],{},[234,10815,10816],{},"Google Drive",[234,10818,10819],{},"5 GB \u002F file",[234,10821,10807],{},[234,10823,10824],{},"Original (download)",[234,10826,379],{},[204,10828,10829,10832,10835,10838,10840],{},[234,10830,10831],{},"Smash",[234,10833,10834],{},"No hard cap",[234,10836,10837],{},"Email or link",[234,10839,10763],{},[234,10841,10842],{},"7 days",[22,10844,10846],{"id":10845},"how-to-share-a-large-video-from-iphone-to-android-specifically","How to share a large video from iPhone to Android specifically",[12,10848,10849],{},"This used to be the worst case. In 2026, it's gotten much better.",[12,10851,10852],{},"Google has rolled out Quick Share interop with AirDrop, starting with the Pixel 10 series and the Samsung Galaxy S26. On those devices, an iPhone running iOS 26 can AirDrop a video directly to the Android phone, no app, no link.",[12,10854,10855],{},"To make it work, both sides have to flip a switch:",[33,10857,10858,10861,10864],{},[36,10859,10860],{},"On the iPhone, open Control Center, long-press the connectivity tile, set AirDrop to \"Everyone for 10 Minutes.\"",[36,10862,10863],{},"On the Pixel or Galaxy, open Quick Share settings and enable \"Everyone for 10 minutes.\"",[36,10865,10866],{},"Send from iPhone Photos as you would to another Apple device.",[12,10868,10869],{},"Google says this is rolling out across more Android partners through 2026, so check your phone's Quick Share settings even if it isn't a Pixel 10 or S26.",[12,10871,10872,10873,3298,10875,10877],{},"If your recipient is on an older Android, or you can't get Quick Share working, fall back to ",[237,10874,10770],{},[237,10876,389],{},". Both produce a plain URL that opens in any browser. Avoid texting the video: it'll fall out of iMessage entirely and go through MMS, which caps near 3.5 MB and will compress your video into a smear.",[22,10879,10881],{"id":10880},"sending-long-videos-from-iphone-without-compression","Sending long videos from iPhone without compression",[12,10883,10884],{},"If you care about quality, here's the split:",[115,10886,10887,10893],{},[36,10888,10889,10892],{},[237,10890,10891],{},"Preserves the original file:"," AirDrop, iCloud Link, WeTransfer, Hostsmith, Google Drive (on download), Smash.",[36,10894,10895,10898],{},[237,10896,10897],{},"Re-encodes or compresses:"," iMessage video (often), MMS (always), in-browser Drive previews, most social messengers.",[12,10900,10901],{},"Tell your recipient to download rather than stream-preview if quality matters.",[22,10903,3129],{"id":3128},[12,10905,10906,10909],{},[237,10907,10908],{},"What's the largest video I can send from an iPhone?","\nAirDrop has no practical cap (I've moved 12 GB). Smash on Free also has no hard cap, but big files queue. Hostsmith paid plans go up to 10 GB.",[12,10911,10912,10915],{},[237,10913,10914],{},"Will the recipient get the original quality?","\nWith AirDrop, iCloud Link, WeTransfer, Hostsmith, Google Drive (download), and Smash, yes. The original file is delivered. With iMessage, MMS, and in-browser previews, no.",[12,10917,10918,10921,10922,46],{},[237,10919,10920],{},"How do I send a big video file from iPhone for free?","\nFor Apple-to-Apple, AirDrop. For anyone else, iCloud Link (up to your iCloud storage) or Smash (no hard cap, but queued past 2 GB). Or if you don't need it to stay live forever, ",[40,10923,10925],{"href":10924},"\u002Fsend-large-video-files-email","email it as a link",[12,10927,10928,10931],{},[237,10929,10930],{},"Why won't iMessage send my video to my Android friend?","\nMessages drops out of iMessage entirely when you text an Android contact and falls back to MMS, which caps around 3.5 MB. Effectively useless for video.",[12,10933,10934,10937,10938,46],{},[237,10935,10936],{},"What happens to my iCloud Link after 30 days?","\nThe link goes dead. The video stays in your iCloud Photos library, but anyone who saved the URL can't open it. If you need the link to stay live, use a host that doesn't expire (Hostsmith) or ",[40,10939,10940],{"href":4074},"share it as a permanent link",[12,10942,10943,10946],{},[237,10944,10945],{},"Is AirDrop secure?","\nAirDrop is end-to-end encrypted and direct device-to-device. The risk is mostly social: when set to \"Everyone,\" anyone in Bluetooth range can attempt to send you a file (you have to accept), so flip it to \"Contacts Only\" when you're done.",[12,10948,10949],{},"The right tool depends on whether the recipient is on Apple, whether they're in the room, and whether you need the link to stay live. AirDrop, iCloud Link, and Hostsmith cover most cases. The other three fill the edges.",{"title":645,"searchDepth":646,"depth":646,"links":10951},[10952,10953,10954,10955,10956,10957,10958,10959,10960,10961,10962],{"id":10410,"depth":646,"text":10411},{"id":10440,"depth":646,"text":10441},{"id":10490,"depth":646,"text":10491},{"id":10537,"depth":646,"text":10538},{"id":10587,"depth":646,"text":10588},{"id":10651,"depth":646,"text":10652},{"id":10683,"depth":646,"text":10684},{"id":10726,"depth":646,"text":10727},{"id":10845,"depth":646,"text":10846},{"id":10880,"depth":646,"text":10881},{"id":3128,"depth":646,"text":3129},"2026-05-24","Six tested ways to share a large video file from iPhone in 2026 - with real size limits, expiry dates, and quality comparisons.","lucide:video",{"excerpt":10967},{"type":9,"value":10968},[10969,10971,10978],[12,10970,10393],{},[12,10972,10973,10399,10975,10404],{},[237,10974,10398],{},[40,10976,389],{"href":10402,"rel":10977},[44],[12,10979,10407],{},"\u002Fhow-to-share-large-video-file-from-iphone",{"title":10388,"description":10964},"how-to-share-large-video-file-from-iphone",[10984,10985,10986],"iPhone","File Sharing","Video","VUcDfcoj7tE83zUQZD7DCQMc8NlBrEaP6krFdXt4AXQ",{"id":10989,"title":10990,"alt":6,"author":685,"body":10991,"date":11502,"description":11503,"extension":666,"icon":11504,"image":6,"meta":11505,"navigation":673,"path":11512,"published":6,"seo":11513,"stem":11514,"tags":11515,"__hash__":11520},"blog\u002Fhow-to-unzip-a-file-on-mac.md","How to Unzip a File on Mac (And What to Do With It After)",{"type":9,"value":10992,"toc":11490},[10993,11000,11004,11010,11016,11032,11035,11038,11042,11045,11052,11059,11063,11069,11080,11084,11091,11094,11113,11119,11138,11141,11155,11161,11164,11168,11171,11177,11189,11196,11202,11206,11213,11216,11249,11252,11258,11268,11274,11287,11301,11307,11311,11314,11320,11329,11338,11342,11345,11383,11400,11410,11413,11415,11424,11433,11446,11455,11468,11477,11481,11487],[12,10994,10995,10996,10999],{},"You downloaded something, it landed in your Downloads folder, and it has a little zipper icon and a ",[51,10997,10998],{},".zip"," on the end. So how do you unzip a file on Mac? The good news is that it is genuinely simple - in most cases it is a single double-click. The slightly less good news is that when it goes wrong, macOS tells you almost nothing useful about why. So this is the full picture: the fast way, the troubleshooting for when the fast way fails, and what to actually do with the contents once they are out.",[22,11001,11003],{"id":11002},"the-fast-way-just-double-click-it","The fast way - just double-click it",[12,11005,11006,11007,11009],{},"Find the ",[51,11008,10998],{}," file in Finder, double-click it, done.",[12,11011,11012,11013,11015],{},"Behind the scenes, macOS hands the file to a small built-in app called Archive Utility. You will not see it open a window or ask you anything - it just runs, extracts the contents, and quits. A second or two later, the unzipped file or folder appears right next to the original ",[51,11014,10998],{},", in the same folder.",[12,11017,11018,11019,11021,11022,429,11025,11028,11029,11031],{},"That last bit matters. macOS does not move your extracted files anywhere clever. If the zip was in Downloads, the contents land in Downloads. And it keeps the original ",[51,11020,10998],{}," - it does not delete it. So you will end up with both: ",[51,11023,11024],{},"report.zip",[51,11026,11027],{},"report"," sitting side by side. Once you have checked the extracted version is fine, you can drag the ",[51,11030,10998],{}," to the Trash yourself.",[12,11033,11034],{},"One detail worth knowing: if the zip contains a single file, you get that single file. If it contains multiple files, macOS wraps them in a new folder named after the archive, so nothing scatters loose across your Downloads.",[12,11036,11037],{},"That covers unzipping a file on a MacBook in one paragraph. For most people, most of the time, that is the whole job. The rest of this is for when it is not.",[22,11039,11041],{"id":11040},"how-to-unzip-a-file-on-mac-change-the-default-destination","How to unzip a file on Mac: change the default destination",[12,11043,11044],{},"Unzipping a file on Mac lands the contents in the same directory as the archive by default. Fine if your zip lives somewhere tidy. Less fine if, like most of us, your Downloads folder is an archaeological dig.",[12,11046,11047,11048,11051],{},"You can change that default. Archive Utility is a real app, it just hides itself well. Open Spotlight (Cmd+Space), type \"Archive Utility\", and launch it. Then go to the menu bar: ",[237,11049,11050],{},"Archive Utility > Settings"," (older macOS calls it Preferences).",[12,11053,11054,11055,11058],{},"In there you can set ",[237,11056,11057],{},"\"Save expanded files\""," to a folder of your choosing - say, a dedicated \"Unzipped\" folder on your Desktop - instead of \"into the same folder as the archive\". You can also tell it what to do with the original zip afterwards: leave it, move it to Trash, or delete it. If you unzip things constantly, setting this once saves a lot of tidying later.",[22,11060,11062],{"id":11061},"unzip-with-right-click-open-with","Unzip with right-click \"Open With\"",[12,11064,11065,11066,11068],{},"Double-clicking usually works, but sometimes another app has claimed the ",[51,11067,10998],{}," extension - a download manager, or a third-party archiver you installed and forgot about. When that happens, double-clicking opens the wrong thing.",[12,11070,11071,11072,11075,11076,11079],{},"The fix is to be explicit. Control-click (or right-click) the file, choose ",[237,11073,11074],{},"Open With",", and pick ",[237,11077,11078],{},"Archive Utility"," from the list. Same result as a double-click, you have just told macOS exactly which app to use rather than letting it guess. Handy when a few archiving tools are fighting over the file type.",[22,11081,11083],{"id":11082},"unzip-a-file-using-terminal","Unzip a file using Terminal",[12,11085,11086,11087,11090],{},"If you have been around computers long enough, you will reach for the command line eventually - and for zip files it is genuinely the most reliable tool on the Mac. The ",[51,11088,11089],{},"unzip"," command has shipped with macOS forever. I have used it on everything from old PHP deployments to copying a config off a Raspberry Pi that was being awkward over the network.",[12,11092,11093],{},"To extract a zip on Mac from the command line, open Terminal (Spotlight, type \"Terminal\"), then move to wherever the zip lives:",[2500,11095,11097],{"className":9054,"code":11096,"language":9056,"meta":645,"style":645},"cd ~\u002FDownloads\nunzip archive.zip\n",[51,11098,11099,11106],{"__ignoreMap":645},[1489,11100,11101,11103],{"class":2598,"line":2599},[1489,11102,9076],{"class":9075},[1489,11104,11105],{"class":2644}," ~\u002FDownloads\n",[1489,11107,11108,11110],{"class":2598,"line":646},[1489,11109,11089],{"class":9063},[1489,11111,11112],{"class":2644}," archive.zip\n",[12,11114,11115,11116,2619],{},"That extracts everything into the current folder. To send the contents somewhere specific instead, use ",[51,11117,11118],{},"-d",[2500,11120,11122],{"className":9054,"code":11121,"language":9056,"meta":645,"style":645},"unzip archive.zip -d ~\u002FDesktop\u002Fextracted\n",[51,11123,11124],{"__ignoreMap":645},[1489,11125,11126,11128,11131,11135],{"class":2598,"line":2599},[1489,11127,11089],{"class":9063},[1489,11129,11130],{"class":2644}," archive.zip",[1489,11132,11134],{"class":11133},"sZA46"," -d",[1489,11136,11137],{"class":2644}," ~\u002FDesktop\u002Fextracted\n",[12,11139,11140],{},"And before you commit to extracting a mystery archive, you can peek inside without unpacking anything:",[2500,11142,11144],{"className":9054,"code":11143,"language":9056,"meta":645,"style":645},"unzip -l archive.zip\n",[51,11145,11146],{"__ignoreMap":645},[1489,11147,11148,11150,11153],{"class":2598,"line":2599},[1489,11149,11089],{"class":9063},[1489,11151,11152],{"class":11133}," -l",[1489,11154,11112],{"class":2644},[12,11156,2174,11157,11160],{},[51,11158,11159],{},"-l"," flag just lists the contents - filenames, sizes, dates. Useful for checking a zip is not about to scatter a few thousand files all over your Desktop.",[12,11162,11163],{},"The real reason to keep Terminal in your back pocket: when Archive Utility fails, it does so silently. Terminal does not. It prints the actual error - a bad CRC, a truncated file, an unsupported encryption method. That alone often tells you exactly what is wrong, which brings us neatly to the two things every other tutorial skips.",[22,11165,11167],{"id":11166},"how-to-open-a-password-protected-zip-on-mac","How to open a password-protected zip on Mac",[12,11169,11170],{},"Archive Utility's support for encrypted zips is unreliable. Sometimes you double-click and get a tidy password dialog, often it just fails quietly with a vague \"unable to expand\" and no mention of a password anywhere. AES-encrypted zips - the stronger encryption a lot of tools now use by default - are where it falls over most consistently. I would not rely on it.",[12,11172,11173,11174,11176],{},"Terminal is the reliable fallback. Run ",[51,11175,11089],{}," on an encrypted archive and it will prompt you for the password directly:",[2500,11178,11180],{"className":9054,"code":11179,"language":9056,"meta":645,"style":645},"unzip secret.zip\n",[51,11181,11182],{"__ignoreMap":645},[1489,11183,11184,11186],{"class":2598,"line":2599},[1489,11185,11089],{"class":9063},[1489,11187,11188],{"class":2644}," secret.zip\n",[12,11190,11191,11192,11195],{},"It will print ",[51,11193,11194],{},"[secret.zip] password:"," and wait. Type it (the cursor will not move - that is normal, it is hiding your keystrokes) and press Return.",[12,11197,11198,11199,11201],{},"If even that struggles - older AES schemes can defeat the built-in ",[51,11200,11089],{}," - then a third-party tool will sort it. The Unarchiver and Keka both handle encrypted zips properly and will simply ask for the password in a normal dialog. More on those in a moment.",[22,11203,11205],{"id":11204},"fixing-the-unable-to-expand-error","Fixing the \"unable to expand\" error",[12,11207,11208,11209,11212],{},"This is the one that sends people to Google. You double-click a zip and macOS throws up: ",[18,11210,11211],{},"\"Unable to expand 'filename.zip' into 'Downloads'. (Error 1)\""," - or Error 79, or no number at all. Thanks, macOS. Very informative.",[12,11214,11215],{},"It is not one problem, it is four wearing the same coat:",[33,11217,11218,11224,11230,11236],{},[36,11219,11220,11223],{},[237,11221,11222],{},"An incomplete download."," The most common cause by a mile. The connection dropped partway, so you have got half a zip. It looks like a file, it just is not all there.",[36,11225,11226,11229],{},[237,11227,11228],{},"A genuinely corrupt archive."," The zip was damaged when it was created or somewhere in transit.",[36,11231,11232,11235],{},[237,11233,11234],{},"It is encrypted."," Archive Utility cannot deal with the encryption (see the section above) and bails without mentioning a password.",[36,11237,11238,11241,11242,11244,11245,11248],{},[237,11239,11240],{},"It is not actually a zip."," The file has a ",[51,11243,10998],{}," extension but the contents are something else - a ",[51,11246,11247],{},".rar",", a disk image, or a renamed file. The extension is lying to you.",[12,11250,11251],{},"Here is how I work through it:",[12,11253,11254,11257],{},[237,11255,11256],{},"Re-download it first."," If the source is still available, just grab it again. This fixes the incomplete-download case, which is most of them, and costs you thirty seconds.",[12,11259,11260,11263,11264,11267],{},[237,11261,11262],{},"Open it in Terminal to see the real error."," Run ",[51,11265,11266],{},"unzip filename.zip",". Whatever it prints is the actual diagnosis - \"End-of-central-directory signature not found\" means truncated or not-a-zip; a password prompt means it was encrypted all along.",[12,11269,11270,11273],{},[237,11271,11272],{},"Check what the file really is."," This command tells you the true file type regardless of the extension:",[2500,11275,11277],{"className":9054,"code":11276,"language":9056,"meta":645,"style":645},"file ~\u002FDownloads\u002Ffilename.zip\n",[51,11278,11279],{"__ignoreMap":645},[1489,11280,11281,11284],{"class":2598,"line":2599},[1489,11282,11283],{"class":9063},"file",[1489,11285,11286],{"class":2644}," ~\u002FDownloads\u002Ffilename.zip\n",[12,11288,11289,11290,11293,11294,3298,11297,11300],{},"If it comes back saying ",[51,11291,11292],{},"Zip archive data",", good. If it says ",[51,11295,11296],{},"RAR archive data",[51,11298,11299],{},"gzip compressed data",", you have found your culprit - it needs a different tool, not a different zip.",[12,11302,11303,11306],{},[237,11304,11305],{},"Reach for The Unarchiver or Keka."," They are simply more tolerant of slightly malformed archives than Archive Utility is, and will often extract what is salvageable from a zip that macOS refused outright.",[22,11308,11310],{"id":11309},"third-party-unzip-tools-worth-installing","Third-party unzip tools worth installing",[12,11312,11313],{},"You do not need anything beyond Archive Utility for ordinary zips. But two free tools cover the gaps, and I would not run a Mac without one of them.",[12,11315,11316,11319],{},[237,11317,11318],{},"The Unarchiver"," is free on the Mac App Store. Install it, let it become the default for archives, and it quietly handles RAR, 7z, and a long list of formats Archive Utility cannot touch. It is the most painless way to unzip RAR files on a Mac, and it has been a steady recommendation for well over a decade.",[12,11321,11322,11325,11326,11328],{},[237,11323,11324],{},"Keka"," is the other one - free direct from the developer, or a small fee on the App Store to support the project. Keka both extracts and ",[18,11327,7927],{}," archives, including properly encrypted ones, which Archive Utility flatly cannot do. If you ever need to make a password-protected zip rather than just open one, Keka is the tool.",[12,11330,11331,11332,11334,11335,11337],{},"Worth saying plainly: macOS cannot open ",[51,11333,11247],{}," files on its own. RAR is a proprietary format, so there is nothing built in for it. If you have got a ",[51,11336,11247],{},", you need The Unarchiver or Keka - there is no Apple-supplied route.",[22,11339,11341],{"id":11340},"its-unzipped-now-what","It's unzipped - now what?",[12,11343,11344],{},"So the folder is open. What is actually inside usually decides your next move - and a surprising amount of the time, the answer is \"put it back online, but as a link.\"",[12,11346,11347,11350,11351,11353,11354,11357,11358,11361,11362,11364,11365,11368,11369,11371,11372,11374,11375,11378,11379,11382],{},[237,11348,11349],{},"If it is a website."," Unzip a project and find ",[51,11352,2535],{},", some CSS, a ",[51,11355,11356],{},"js"," folder, an ",[51,11359,11360],{},"images"," folder? That is a static site, and it wants to be on the web, not sitting in your Downloads. You can skip the unzipping entirely here: upload the original ",[51,11363,10998],{}," straight to ",[40,11366,389],{"href":603,"rel":11367},[44],", and it extracts the archive and serves the contents as a live site on a ",[51,11370,8251],{}," URL. No build step, no config. Worth noting the free plan caps uploads at 5 MB, so a heavier site with an images folder will need a paid plan. If you would rather drag the extracted folder across instead, that route is covered in our guide to ",[40,11373,9848],{"href":189},". And if the zip was just a single ",[51,11376,11377],{},".html"," file, ",[40,11380,11381],{"href":76},"hosting one HTML file online"," is even quicker.",[12,11384,11385,11388,11389,11392,11393,11396,11397,11399],{},[237,11386,11387],{},"If it is a PDF, or files to send on."," Plenty of zips are really just a delivery mechanism - a PDF or two that someone wrapped up for email. Rather than re-zipping and re-emailing (and watching it bounce off an attachment limit), host the file and ",[40,11390,11391],{"href":10924},"send large files by link"," instead. Our walkthrough on ",[40,11394,11395],{"href":4074},"sharing a PDF as a link"," covers the quick version, and the fuller ",[40,11398,3939],{"href":556}," goes into the options.",[12,11401,11402,11405,11406,11409],{},[237,11403,11404],{},"If you need to re-share it privately."," This is the gap Archive Utility leaves wide open: it can unzip an encrypted archive but it cannot ",[18,11407,11408],{},"create"," one. So if you have unpacked something confidential and need to pass it on securely, you cannot just re-zip it with a password using built-in tools. Hosting it with site access protection is the cleaner answer - Hostsmith's Starter plan lets you lock a site behind a shared password or an email whitelist, so the recipient gets a link and a login rather than a zip and a separate \"the password is...\" message you probably should not be sending anyway.",[12,11411,11412],{},"That is the bridge, and it is genuinely secondary - if all you needed was the files open, you are already done.",[22,11414,3129],{"id":3128},[12,11416,11417,11420,11421,11423],{},[237,11418,11419],{},"How do I unzip a file on a MacBook?","\nExactly as on any Mac: double-click the ",[51,11422,10998],{}," in Finder. The contents appear next to it, in the same folder. MacBook, iMac, Mac mini - the process is identical.",[12,11425,11426,11429,11430,11432],{},[237,11427,11428],{},"How do I unzip RAR files on a Mac?","\nYou cannot with built-in tools - macOS has no native RAR support. Install The Unarchiver or Keka (both free) and the ",[51,11431,11247],{}," will open with a double-click afterwards.",[12,11434,11435,11442,11443,46],{},[237,11436,11437,11438,11441],{},"What is a ",[51,11439,11440],{},".tar.gz"," and how do I open one?","\nIt is a Unix-style archive, common with code and Linux software. Double-clicking usually works because Archive Utility understands it. In Terminal, one command does it: ",[51,11444,11445],{},"tar -xzf filename.tar.gz",[12,11447,11448,11451,11452,11454],{},[237,11449,11450],{},"Can I unzip a file on an iPhone or iPad?","\nYes. The Files app handles it - tap a ",[51,11453,10998],{}," and iOS extracts it into the same folder, much like the Mac.",[12,11456,11457,11464,11465,11467],{},[237,11458,11459,11460,11463],{},"Why does a ",[51,11461,11462],{},".pkg"," file behave oddly when I open it?","\nBecause a ",[51,11466,11462],{}," is not an archive you extract - it is an installer. Double-clicking it correctly launches the macOS installer rather than dumping files in a folder. That is expected behaviour, not a fault.",[12,11469,11470,11473,11474,11476],{},[237,11471,11472],{},"Does macOS delete the original zip after unzipping?","\nNo. By default it keeps both the ",[51,11475,10998],{}," and the extracted contents. You remove the zip yourself when you are happy, or set Archive Utility to bin it automatically in its Settings.",[22,11478,11480],{"id":11479},"the-one-habit-worth-keeping","The one habit worth keeping",[12,11482,11483,11484,11486],{},"If I had to leave you with a single takeaway, it is this: when a zip refuses to open, do not waste twenty minutes hunting for repair software. Open Terminal and run ",[51,11485,11089],{}," on it. macOS hides the actual error behind that useless \"unable to expand\" dialog, and Terminal just hands it to you straight - truncated download, wrong file type, or a password it never bothered to ask for. Five seconds of typing beats five articles of guesswork. That one habit has saved me more time than any tool ever has.",[3231,11488,11489],{},"html pre.shiki code .sBjcq, html code.shiki .sBjcq{--shiki-light:#005CC5;--shiki-default:#82AAFF;--shiki-dark:#91CBFF}html pre.shiki code .saCgk, html code.shiki .saCgk{--shiki-light:#032F62;--shiki-default:#C3E88D;--shiki-dark:#ADDCFF}html pre.shiki code .sm3sQ, html code.shiki .sm3sQ{--shiki-light:#6F42C1;--shiki-default:#FFCB6B;--shiki-dark:#FFB757}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sZA46, html code.shiki .sZA46{--shiki-light:#005CC5;--shiki-default:#C3E88D;--shiki-dark:#91CBFF}",{"title":645,"searchDepth":646,"depth":646,"links":11491},[11492,11493,11494,11495,11496,11497,11498,11499,11500,11501],{"id":11002,"depth":646,"text":11003},{"id":11040,"depth":646,"text":11041},{"id":11061,"depth":646,"text":11062},{"id":11082,"depth":646,"text":11083},{"id":11166,"depth":646,"text":11167},{"id":11204,"depth":646,"text":11205},{"id":11309,"depth":646,"text":11310},{"id":11340,"depth":646,"text":11341},{"id":3128,"depth":646,"text":3129},{"id":11479,"depth":646,"text":11480},"2026-05-23","How to unzip a file on Mac the fast way, fix the 'unable to expand' error, handle password-protected and RAR archives, and what to do with the contents.","mdi:folder-zip",{"excerpt":11506},{"type":9,"value":11507},[11508],[12,11509,10995,11510,10999],{},[51,11511,10998],{},"\u002Fhow-to-unzip-a-file-on-mac",{"title":10990,"description":11503},"how-to-unzip-a-file-on-mac",[11516,11517,11518,11519,11089],"macOS","zip files","file management","tutorials","29qN8Lwm1vHXVhfjWtZzIpHVFJ1ufEPmLRXJrB0pml4",{"id":11522,"title":11523,"alt":6,"author":7,"body":11524,"date":11502,"description":12032,"extension":666,"icon":10374,"image":6,"meta":12033,"navigation":673,"path":9038,"published":6,"seo":12040,"stem":12041,"tags":12042,"__hash__":12046},"blog\u002Freplit-alternatives.md","Replit Alternatives in 2026: Static Hosting and AI IDEs",{"type":9,"value":11525,"toc":12016},[11526,11529,11532,11536,11539,11550,11556,11567,11573,11576,11580,11583,11586,11600,11603,11607,11610,11620,11630,11640,11650,11660,11670,11674,11677,11681,11691,11701,11704,11707,11715,11717,11720,11722,11725,11728,11735,11739,11742,11888,11891,11894,11898,11901,11937,11947,11958,11960,11966,11972,11980,11986,12000,12006,12010,12013],[12,11527,11528],{},"A CS classmate dropped a screenshot into our Discord last week: his Replit portfolio, dark again, mid-recruiter-pipeline. Third redeploy that month. He'd already paid $20 for Replit Core. He was not pleased.",[12,11530,11531],{},"If you've spent the last few months Googling for a free Replit alternative, you're not alone. Replit's Starter plan still exists, but the gap between \"I just want my project live\" and \"fine, I'll subscribe\" got a lot wider.",[22,11533,11535],{"id":11534},"why-developers-are-leaving-replit-in-2026","Why developers are leaving Replit in 2026",[12,11537,11538],{},"Quick recap on what actually changed, because the timeline matters.",[12,11540,11541,11544,11545,8341],{},[237,11542,11543],{},"Always On is gone."," Replit's old Always On feature, the one that kept your free Repl awake 24\u002F7, was removed in early 2024. The official replacement is Deployments. If you're hunting for a Replit Always On alternative, you need a host that doesn't sleep. (",[40,11546,11549],{"href":11547,"rel":11548},"https:\u002F\u002Freplit.com\u002Fblog\u002Fhosting-changes",[44],"Replit blog",[12,11551,11552,11555],{},[237,11553,11554],{},"Free deployments are time-boxed."," The Starter plan lets you publish 1 project as a Static, Autoscale, or Reserved VM deployment. Static is free up to 10 GiB egress per month. Free published apps auto-unpublish after a fixed window unless you re-publish them - check Replit's current docs for the exact number, it's drifted before. Not great for a portfolio you forget about for a semester.",[12,11557,11558,11561,11562,8341],{},[237,11559,11560],{},"Repls sleep aggressively."," A free Repl sleeps after about 5 minutes of inactivity, with a 10 to 30 second cold start when someone visits. Always-on behavior now requires Replit Core ($20\u002Fmonth) or Pro ($100\u002Fmonth). (",[40,11563,11566],{"href":11564,"rel":11565},"https:\u002F\u002Freplit.com\u002Fpricing",[44],"Replit Pricing",[12,11568,11569,11572],{},[237,11570,11571],{},"Agent credits eat your budget."," The Starter plan gives you \"free daily Agent credits\" but they're capped low enough that any serious AI coding session blows through them. Core comes with $20\u002Fmonth of credits. Pro gets $100\u002Fmonth. If you're building with AI agents at scale, that math gets ugly fast.",[12,11574,11575],{},"That's the cost-pain. Now the fix.",[22,11577,11579],{"id":11578},"the-split-most-guides-miss","The split most guides miss",[12,11581,11582],{},"Here's how I'm splitting this guide, because the two problems are different: Replit is two products in one tab. It's a cloud IDE plus an agent, AND it's a hosting platform. When people say \"I want a Replit alternative\" they usually mean one of those two halves, not both.",[12,11584,11585],{},"So this guide splits them:",[115,11587,11588,11594],{},[36,11589,11590,11593],{},[237,11591,11592],{},"IDE and agent side:"," where you write and run code.",[36,11595,11596,11599],{},[237,11597,11598],{},"Hosting side:"," where the finished thing lives on the public internet.",[12,11601,11602],{},"You probably need one tool from each list. Or, if your \"Replit project\" was really just an HTML\u002FCSS\u002FJS site you happened to write inside Replit, you only need a host.",[22,11604,11606],{"id":11605},"replit-ide-and-agent-alternatives","Replit IDE and agent alternatives",[12,11608,11609],{},"One-liners only. Pricing as of mid-2026.",[12,11611,11612,11619],{},[237,11613,11614],{},[40,11615,11618],{"href":11616,"rel":11617},"https:\u002F\u002Fwww.cursor.com\u002Fpricing",[44],"Cursor"," - The local AI-first IDE everyone in my CS group switched to. Free Hobby tier with limited Agent requests and Tab completions, no credit card. Pro is $20\u002Fmonth. Best if you want Replit Agent's flow without the cloud lock-in.",[12,11621,11622,11629],{},[237,11623,11624],{},[40,11625,11628],{"href":11626,"rel":11627},"https:\u002F\u002Fgithub.com\u002Ffeatures\u002Fcodespaces",[44],"GitHub Codespaces"," - VS Code in the browser, backed by a real Linux VM. Personal accounts get 120 core hours and 15 GB storage per month free. After that, pay-as-you-go. The cleanest cloud-IDE swap.",[12,11631,11632,11639],{},[237,11633,11634],{},[40,11635,11638],{"href":11636,"rel":11637},"https:\u002F\u002Fbolt.new",[44],"Bolt.new"," - Closest spiritual successor to Replit Agent for AI-generated apps. The best Replit Agent alternative if you want generative app scaffolding from a prompt. Free to start, paid tiers for more tokens.",[12,11641,11642,11649],{},[237,11643,11644],{},[40,11645,11648],{"href":11646,"rel":11647},"https:\u002F\u002Fstackblitz.com",[44],"StackBlitz"," - In-browser Node.js IDE that runs locally in WebContainers. Personal tier is free with unlimited public projects. Pro is $18\u002Fmonth annually. Sister product to Bolt.",[12,11651,11652,11659],{},[237,11653,11654],{},[40,11655,11658],{"href":11656,"rel":11657},"https:\u002F\u002Fcodesandbox.io",[44],"CodeSandbox"," - Browser dev environments with collaborative editing. Free tier exists; paid tiers scale up VMs. Loved by React\u002FVue prototyping crowd.",[12,11661,11662,11665,11666,11669],{},[237,11663,11664],{},"Claude Code"," - Anthropic's terminal agent. Useful when your \"Replit project\" is a small repo on your laptop and you want an agent that edits files in place rather than a chat window that spits out diffs. (If you're building one-off artifacts instead of full repos, see ",[40,11667,11668],{"href":7860},"how to publish a Claude artifact",".)",[22,11671,11673],{"id":11672},"replit-hosting-alternatives","Replit hosting alternatives",[12,11675,11676],{},"If you only need Replit static site hosting without the IDE, these are your options. This is the half most guides skim past - the IDE doesn't matter if your final output is a folder of HTML and JS.",[502,11678,11680],{"id":11679},"hostsmith-drag-and-drop-the-build-youre-done","Hostsmith - drag and drop the build, you're done",[12,11682,11683,11684,11687,11688,11690],{},"I write for ",[40,11685,389],{"href":603,"rel":11686},[44],", so take this section with whatever salt you need. That said: for an ex-Replit free-tier user, the pitch is specific. No 5-minute sleep, no auto-unpublish clock, no agent credits to drain, no credit card to sign up. You upload a ZIP, it auto-extracts, your ",[51,11689,2535],{}," is the root.",[12,11692,11693,11694,11696,11697,11700],{},"Free tier is 1 site, 5,000 visitors per month, 5 MB upload cap, on a US or EU ",[51,11695,8251],{}," subdomain. Pro plan adds 5 sites, 100k visitors, 500 MB storage, and 5 custom domains. Private Sites (shared password or email whitelist) is available from the Starter plan up. If the password gate is the whole reason you're moving off Replit Deployments, the ",[40,11698,8067],{"href":8065,"rel":11699},[44]," walkthrough has the focused version.",[12,11702,11703],{},"It's the cleanest Replit Deployments alternative for static sites: your \"export from Replit, ship to web\" path is two clicks.",[502,11705,2897],{"id":11706},"netlify",[12,11708,11709,11710,8341],{},"Free-forever tier with Git deploys, deploy previews, custom domains with SSL, Functions, and a global CDN. The constraint is the credit system: 300 credits\u002Fmonth on free, 1 concurrent build, 1 member. Personal tier starts at $9\u002Fmonth. (",[40,11711,11714],{"href":11712,"rel":11713},"https:\u002F\u002Fwww.netlify.com\u002Fpricing",[44],"Netlify Pricing",[502,11716,289],{"id":526},[12,11718,11719],{},"Probably the most generous free tier on the list. Unlimited sites, unlimited static requests, unlimited bandwidth. The constraints are concurrency (1 build at a time), 500 builds per month, and 100 custom domains per project. Pro is $20\u002Fmonth annually. If your portfolio gets surprise traffic from Hacker News, this is your move.",[502,11721,366],{"id":581},[12,11723,11724],{},"Free if you have a GitHub account and a public repo. Custom domains supported. The downside: every change goes through a Git commit, and the build is Jekyll-flavored unless you bring your own static generator. If you don't already use Git for your project, the friction is real.",[502,11726,2894],{"id":11727},"vercel",[12,11729,11730,11731,8341],{},"Hobby tier is free forever for personal, non-commercial use. 100 GB Fast Data Transfer, 1M Edge Requests, 1 GB Blob, 4 hours Active CPU per month. Pro starts at $20\u002Fmonth. The Next.js home turf, but happily serves any static or framework site. (",[40,11732,11734],{"href":441,"rel":11733},[44],"Vercel Pricing",[22,11736,11738],{"id":11737},"free-tier-comparison","Free-tier comparison",[12,11740,11741],{},"The hosting side, side by side:",[198,11743,11744,11766],{},[201,11745,11746],{},[204,11747,11748,11750,11752,11755,11758,11760,11763],{},[207,11749,9480],{},[207,11751,949],{},[207,11753,11754],{},"Bandwidth\u002Fvisitors*",[207,11756,11757],{},"Storage",[207,11759,6768],{},[207,11761,11762],{},"Sleeps?",[207,11764,11765],{},"Git required?",[229,11767,11768,11791,11811,11831,11850,11869],{},[204,11769,11770,11773,11776,11779,11782,11785,11788],{},[234,11771,11772],{},"Replit Static",[234,11774,11775],{},"1",[234,11777,11778],{},"10 GiB egress",[234,11780,11781],{},"n\u002Fa",[234,11783,11784],{},"Paid only",[234,11786,11787],{},"No, but free apps auto-unpublish",[234,11789,11790],{},"Optional",[204,11792,11793,11796,11798,11801,11804,11807,11809],{},[234,11794,11795],{},"Hostsmith Free",[234,11797,11775],{},[234,11799,11800],{},"5,000 visitors\u002Fmo",[234,11802,11803],{},"5 MB upload",[234,11805,11806],{},"No (subdomain)",[234,11808,2236],{},[234,11810,2236],{},[204,11812,11813,11815,11818,11821,11824,11826,11828],{},[234,11814,10160],{},[234,11816,11817],{},"Multiple",[234,11819,11820],{},"300 credits\u002Fmo**",[234,11822,11823],{},"Included",[234,11825,270],{},[234,11827,2236],{},[234,11829,11830],{},"Recommended",[204,11832,11833,11835,11838,11840,11843,11846,11848],{},[234,11834,289],{},[234,11836,11837],{},"Unlimited",[234,11839,11837],{},[234,11841,11842],{},"Per build",[234,11844,11845],{},"Yes (100\u002Fproject)",[234,11847,2236],{},[234,11849,270],{},[204,11851,11852,11854,11857,11860,11863,11865,11867],{},[234,11853,366],{},[234,11855,11856],{},"1 user + unlimited project sites",[234,11858,11859],{},"\"Soft\" limits",[234,11861,11862],{},"Repo size",[234,11864,270],{},[234,11866,2236],{},[234,11868,270],{},[204,11870,11871,11873,11876,11879,11882,11884,11886],{},[234,11872,10148],{},[234,11874,11875],{},"Multiple (non-commercial)",[234,11877,11878],{},"100 GB",[234,11880,11881],{},"1 GB Blob",[234,11883,270],{},[234,11885,2236],{},[234,11887,11830],{},[12,11889,11890],{},"* Platforms measure traffic in different units (visitors, egress GB, requests, credits). Treat this column as a rough sense of headroom, not an apples-to-apples conversion.\n** Netlify credits bundle bandwidth, build minutes, and function invocations into one pool; 300 credits is enough for a low-traffic personal site but not directly comparable to a fixed bandwidth cap.",[12,11892,11893],{},"The row I'd circle for ex-Replit users: Replit's free Static deployment sunsets after a fixed window. None of the others do that. If you don't log in for long enough, your Replit URL goes dark. That's the actual portfolio-killer nobody talks about. Every option on this list is also cheaper than Replit Core for the static-hosting use case - several are zero dollars indefinitely.",[22,11895,11897],{"id":11896},"move-a-replit-static-project-to-hostsmith-in-60-seconds","Move a Replit static project to Hostsmith in 60 seconds",[12,11899,11900],{},"Did this with my classmate's portfolio during a 2am study session after he posted the dark-site screenshot. Time it yourself.",[33,11902,11903,11912,11918,11927],{},[36,11904,11905,11908,11909,46],{},[237,11906,11907],{},"Export from Replit."," Open your Repl, hit the three-dot menu, choose Download as zip. You'll get something like ",[51,11910,11911],{},"my-portfolio.zip",[36,11913,11914,11917],{},[237,11915,11916],{},"Go to hostsmith.net"," and sign up for a free account. No card.",[36,11919,11920,11923,11924,11926],{},[237,11921,11922],{},"Drop the ZIP into the upload area."," Hostsmith auto-extracts it. Your ",[51,11925,2535],{}," becomes the root of the site.",[36,11928,11929,11932,11933,11936],{},[237,11930,11931],{},"Copy the URL."," Looks like ",[51,11934,11935],{},"my-portfolio.us.hostsmith.link",". It's live. Send it to your recruiter, your group chat, whoever.",[12,11938,11939,11940,11942,11943,11946],{},"That's it. If you want to learn the broader pattern, the ",[40,11941,7852],{"href":76}," walkthrough covers single-file uploads and the ",[40,11944,11945],{"href":189},"drag and drop website hosting"," guide goes into multi-file folders.",[12,11948,11949,11950,11952,11953,3298,11955,11957],{},"One gotcha: if your Replit project was a Node.js server, not a static site, you'll need to build it first (run ",[51,11951,2475],{}," locally, then upload the ",[51,11954,2745],{},[51,11956,9106],{}," folder). Hostsmith hosts the static output, not the Node runtime. For a backend that needs to actually execute server code, you'll want Render, Fly.io, or one of the Reserved VM options on Replit itself.",[22,11959,3129],{"id":3128},[12,11961,11962,11965],{},[237,11963,11964],{},"Is there a truly free Replit alternative in 2026?","\nYes, depending on which Replit feature you mean. For hosting static sites, Hostsmith, Cloudflare Pages, GitHub Pages, Netlify, and Vercel all have real free tiers with no expiry clock. For the IDE-plus-agent combo, Bolt.new and Cursor both offer free tiers with capped AI requests.",[12,11967,11968,11971],{},[237,11969,11970],{},"What replaced Replit's Always On?","\nDeployments. Static Deployments are free up to 10 GiB egress. Autoscale is billed per second of compute (fractions of a cent), and Reserved VMs start around $6\u002Fmonth. The legacy Always On toggle was removed in early 2024.",[12,11973,11974,11977,11978,46],{},[237,11975,11976],{},"Can I host a project without Git or a build step?","\nYes. Hostsmith accepts ZIP uploads and auto-extracts them. Netlify also has a drag-and-drop deploy. GitHub Pages and Vercel are Git-first, so they're not the right pick if you want to avoid Git entirely. For more on the trade-offs, see ",[40,11979,594],{"href":593},[12,11981,11982,11985],{},[237,11983,11984],{},"Is Hostsmith the same as GitHub Pages?","\nNot really. GitHub Pages is tied to a GitHub repo and uses Git for every change. Hostsmith is upload-based, no Git required, and has regional partitions (US and EU) for GDPR-friendly residency. Different feel, different workflow.",[12,11987,11988,11991,11992,11995,11996,11999],{},[237,11989,11990],{},"What's the cheapest hosting?","\n\"Cheapest\" depends on traffic shape. For unlimited bandwidth at zero dollars, Cloudflare Pages wins. For drag-and-drop simplicity at zero dollars, Hostsmith. For Git-native users already paying GitHub, Pages is effectively free. See ",[40,11993,11994],{"href":3513},"host a portfolio website"," for picking by use case, and ",[40,11997,11998],{"href":3228},"vibe coding a website"," if you want the Bolt.new flow end-to-end.",[12,12001,12002,12005],{},[237,12003,12004],{},"Is there a Replit Agent alternative?","\nBolt.new is the closest in spirit (browser-based, generative, ships a working app). Cursor is the local-IDE version. Claude Code is the terminal version.",[22,12007,12009],{"id":12008},"closing-take","Closing take",[12,12011,12012],{},"The contrarian thing my classmate had to learn the hard way: most people don't actually need an IDE in the cloud. They need their project on a URL. Replit conflated the two for years, which is why its pricing now feels like it left behind the free-tier users who only ever wanted half the product. For an ex-Replit user, the hosting half is where the real pain lives - sleep, expiry, recruiter clicks hitting a dark page - and it's the half you can solve in five minutes, for free, without picking a new IDE at all.",[12,12014,12015],{},"Pick the hosting tool first. Pick the IDE second. They don't have to be from the same company, and once you split the decision, neither one feels expensive.",{"title":645,"searchDepth":646,"depth":646,"links":12017},[12018,12019,12020,12021,12028,12029,12030,12031],{"id":11534,"depth":646,"text":11535},{"id":11578,"depth":646,"text":11579},{"id":11605,"depth":646,"text":11606},{"id":11672,"depth":646,"text":11673,"children":12022},[12023,12024,12025,12026,12027],{"id":11679,"depth":656,"text":11680},{"id":11706,"depth":656,"text":2897},{"id":526,"depth":656,"text":289},{"id":581,"depth":656,"text":366},{"id":11727,"depth":656,"text":2894},{"id":11737,"depth":646,"text":11738},{"id":11896,"depth":646,"text":11897},{"id":3128,"depth":646,"text":3129},{"id":12008,"depth":646,"text":12009},"Replit Core is $20\u002Fmonth and the free tier sleeps your site. Six alternatives that don't, sorted by what you actually want - static hosting or AI IDE.",{"excerpt":12034},{"type":9,"value":12035},[12036,12038],[12,12037,11528],{},[12,12039,11531],{},{"title":11523,"description":12032},"replit-alternatives",[12043,3668,12044,12045],"Replit","Cloud IDE","Free Hosting","Uvd5UDQx_pxi3xJhEepvYXvDp82kFUwc9wggzHYpmj0",{"id":12048,"title":12049,"alt":6,"author":685,"body":12050,"date":13095,"description":13096,"extension":666,"icon":13097,"image":6,"meta":13098,"navigation":673,"path":7860,"published":6,"seo":13103,"stem":13104,"tags":13105,"__hash__":13109},"blog\u002Fpublish-claude-artifact.md","How to Publish a Claude Artifact: Publish vs Share (2026)",{"type":9,"value":12051,"toc":13075},[12052,12055,12060,12064,12067,12073,12083,12086,12090,12093,12096,12132,12135,12139,12142,12147,12266,12292,12295,12299,12303,12331,12336,12347,12353,12363,12366,12370,12390,12394,12401,12405,12408,12412,12424,12431,12435,12438,12441,12451,12455,12458,12461,12464,12467,12471,12474,12539,12543,12546,12598,12602,12613,12639,12642,12645,12648,12653,12656,12663,12678,12682,12692,12706,12712,12719,12723,12726,12731,12865,12868,12876,12892,12896,12905,12910,12916,13020,13023,13025,13034,13040,13049,13055,13061,13067,13069,13072],[12,12053,12054],{},"Publishing a Claude artifact now saves it privately, and sharing has moved to a Share dialog. On Pro and Max, its \"Anyone with the link\" option opens the page without a Claude account: the dialog promises that, and a Hostsmith team test on October 22, 2026 confirmed it, even though Anthropic's help centre says every viewer needs one (it also says artifacts that call Claude or your apps can't use the option). Artifacts made in a chat before September 16, 2026 keep the old Publish button, which on Free, Pro and Max still hands you a public link straight away. For your own domain, a password, or a page without Claude's bar across the top, export the artifact as HTML and host it yourself.",[12,12056,12057],{},[18,12058,12059],{},"Updated October 22, 2026: rewritten for the Share dialog that replaced Publish for new artifacts on September 16, 2026.",[22,12061,12063],{"id":12062},"what-does-publish-artifact-mean-in-claude","What does \"publish artifact\" mean in Claude?",[12,12065,12066],{},"Publishing a Claude artifact now saves it to the Artifacts tab in your sidebar, visible only to you; only artifacts made in a chat before September 16, 2026 still get a public link from Publish.",[12,12068,12069,12072],{},[237,12070,12071],{},"New artifacts:"," the artifact stays set to Only you until you change that in the Share dialog. When the Hostsmith team asked Claude to publish an HTML file as an artifact on October 22, 2026, the chat card read \"Artifact · Only you\", and Claude said it had published the page \"as a private artifact\".",[12,12074,12075,12078,12079,12082],{},[237,12076,12077],{},"Legacy artifacts:"," on Free, Pro and Max, Publish creates a ",[51,12080,12081],{},"claude.ai\u002Fpublic\u002Fartifacts\u002F\u003Cid>"," link, and Anthropic's help centre says \"anyone with the link can view and use it without a Claude account.\"",[12,12084,12085],{},"On Free, Pro and Max, the button tells you which kind you've got: Publish on a legacy artifact, Share on a new one.",[22,12087,12089],{"id":12088},"what-is-a-claude-artifact","What is a Claude artifact?",[12,12091,12092],{},"A Claude artifact is, in Anthropic's words, \"anything Claude makes for you that you'd put in front of someone\": a document, deck, design, dashboard or small interactive tool, opened in its own window beside the chat. Claude makes one when the content is significant and self-contained, \"typically over 15 lines\" (help centre, October 2026).",[12,12094,12095],{},"As of October 2026, the kinds are:",[115,12097,12098,12104,12110,12116,12122],{},[36,12099,12100,12103],{},[237,12101,12102],{},"Docs, Slides and Design"," templates, on every plan, Free included.",[36,12105,12106,12109],{},[237,12107,12108],{},"Dashboards (beta)",", on Pro, Max, Team and Enterprise.",[36,12111,12112,12115],{},[237,12113,12114],{},"Motion (beta)",", which exports MP4, on Team and Enterprise.",[36,12117,12118,12121],{},[237,12119,12120],{},"Custom artifacts",", which Anthropic Academy describes as an interactive page built for your request, like a tracker or an intake form, that can save what people enter.",[36,12123,12124,12127,12128,12131],{},[237,12125,12126],{},"Code and HTML",": snippets, diagrams, flowcharts and single-page sites, including the sort of ",[40,12129,12130],{"href":3228},"vibe-coded landing pages"," people now build in a chat.",[12,12133,12134],{},"If Claude won't make an artifact at all, check that \"Cloud code execution and file creation\" is on under Settings > Capabilities.",[22,12136,12138],{"id":12137},"publish-vs-share-what-changed-on-september-16-2026","Publish vs Share: what changed on September 16, 2026",[12,12140,12141],{},"For everything made from that day on, sharing moved from a Publish button to a Share dialog. Anything made in a chat before it is a legacy artifact, and Anthropic's help centre (October 2026) says legacy artifacts \"keep working, and you can still publish and share them, but you can't make new ones.\"",[12,12143,12144],{},[18,12145,12146],{},"Claude artifact sharing, legacy vs new: checked October 22, 2026",[198,12148,12149,12162],{},[201,12150,12151],{},[204,12152,12153,12156,12159],{},[207,12154,12155],{},"Feature",[207,12157,12158],{},"Legacy artifacts",[207,12160,12161],{},"New artifacts",[229,12163,12164,12175,12186,12197,12208,12222,12233,12244,12255],{},[204,12165,12166,12169,12172],{},[234,12167,12168],{},"Button and flow",[234,12170,12171],{},"Publish, then copy the public link (Free, Pro, Max); \"Share & copy link\" on Team and Enterprise",[234,12173,12174],{},"Share, then choose who can open it under General access",[204,12176,12177,12180,12183],{},[234,12178,12179],{},"Default visibility",[234,12181,12182],{},"Private until you publish",[234,12184,12185],{},"Only you",[204,12187,12188,12191,12194],{},[234,12189,12190],{},"Who can open it",[234,12192,12193],{},"Anyone with the public link; your organisation for \"Share & copy link\"",[234,12195,12196],{},"You; people you invite by email (beta); your organisation (Team, Enterprise); or anyone with the link",[204,12198,12199,12202,12205],{},[234,12200,12201],{},"Claude account needed to view",[234,12203,12204],{},"Not for a public link, except for features that use Claude",[234,12206,12207],{},"Help centre: yes. Share dialog and Hostsmith team test: no, for \"Anyone with the link\" (Max plan, static HTML, Oct 22)",[204,12209,12210,12213,12217],{},[234,12211,12212],{},"Link format",[234,12214,12215],{},[51,12216,12081],{},[234,12218,12219],{},[51,12220,12221],{},"claude.ai\u002Fartifact\u002F\u003Cid>",[204,12223,12224,12227,12230],{},[234,12225,12226],{},"Plans",[234,12228,12229],{},"Publish on Free, Pro and Max; \"Share & copy link\" on Team and Enterprise",[234,12231,12232],{},"Link sharing and email invites on Pro, Max, Team and Enterprise (Team and Enterprise need External sharing on for links); none listed for Free",[204,12234,12235,12238,12241],{},[234,12236,12237],{},"Storage (20 MB of text per artifact, Pro and up)",[234,12239,12240],{},"Works only after publishing",[234,12242,12243],{},"Works without publishing",[204,12245,12246,12249,12252],{},[234,12247,12248],{},"Embed code",[234,12250,12251],{},"Get embed code, with a list of allowed domains",[234,12253,12254],{},"Not described by Anthropic",[204,12256,12257,12260,12263],{},[234,12258,12259],{},"Unpublish or stop sharing",[234,12261,12262],{},"Unpublish is one-way and deletes stored data",[234,12264,12265],{},"Set General access back to Only you (Only people invited on Team and Enterprise). On Pro and Max, invitees keep access until you remove each one.",[12,12267,12268,12269,429,12274,12279,12280,12285,12286,12291],{},"Sources: Anthropic's help centre articles on ",[40,12270,12273],{"href":12271,"rel":12272},"https:\u002F\u002Fsupport.claude.com\u002Fen\u002Farticles\u002F17153992",[44],"what artifacts are",[40,12275,12278],{"href":12276,"rel":12277},"https:\u002F\u002Fsupport.claude.com\u002Fen\u002Farticles\u002F9547008",[44],"sharing artifacts",", its article on ",[40,12281,12284],{"href":12282,"rel":12283},"https:\u002F\u002Fsupport.claude.com\u002Fen\u002Farticles\u002F14729249",[44],"Cowork artifacts",", Anthropic Academy's ",[40,12287,12290],{"href":12288,"rel":12289},"https:\u002F\u002Facademy.claude.com\u002Ftutorials\u002Fbuild-custom-artifacts-with-claude",[44],"custom artifacts tutorial",", and a Hostsmith team test on October 22, 2026.",[12,12293,12294],{},"Cowork artifacts made before August 19, 2026 are live artifacts: they can't be edited in place and share only inside your organisation, with \"no external or public links\" (help centre). Anything made in Cowork since then works like any other artifact. Claude Code \"can publish its session output as an artifact, a live interactive page at a private URL\" too (help centre).",[22,12296,12298],{"id":12297},"how-to-publish-or-share-a-claude-artifact","How to publish or share a Claude artifact",[502,12300,12302],{"id":12301},"share-a-new-claude-artifact","Share a new Claude artifact",[33,12304,12305,12311,12325],{},[36,12306,12307,12310],{},[237,12308,12309],{},"Make (or \"publish\") the artifact."," Ask Claude for it in a chat, or start from a template in the Artifacts tab.",[36,12312,12313,12316,12317,12320,12321,12324],{},[237,12314,12315],{},"Open it and click Share."," Below an \"Invite people by email\" field and a \"People with access\" list, ",[237,12318,12319],{},"General access"," (the help centre calls it \"Who has access\") reads \"Only you\", with a ",[237,12322,12323],{},"Copy private link"," button.",[36,12326,12327,12330],{},[237,12328,12329],{},"Switch General access to the link option."," Claude asks you to confirm: \"Share with anyone who has the link? Anyone with this link can view this artifact, even without a Claude account or sign-in.\"",[12332,12333],"articles-image",{"alt":12334,"src":12335},"Claude's Share with anyone who has the link dialog with a Share publicly button, October 2026","\u002Fimg\u002Farticles\u002Fpublish-claude-artifact\u002Fclaude-share-publicly-dialog.jpg",[33,12337,12338],{"start":2672},[36,12339,12340,12343,12344,12346],{},[237,12341,12342],{},"Click Share publicly and copy the link."," The ",[51,12345,12221],{}," address doesn't change between private and public (the Hostsmith team saw the same link in both states); only who it opens for does.",[12,12348,12349,12352],{},[237,12350,12351],{},"Invite by email (beta):"," on Pro, Max, Team and Enterprise, you can invite up to 50 people from outside your organisation per artifact, and each needs a Claude account under the invited address.",[12,12354,12355,12358,12359,12362],{},[237,12356,12357],{},"Organisation sharing:"," on Team and Enterprise, pick \"Anyone at ",[1489,12360,12361],{},"your organization's name","\"; the link option needs an Owner to turn on External sharing.",[12,12364,12365],{},"Sharing settings can't be changed in the iOS or Android apps.",[502,12367,12369],{"id":12368},"publish-a-legacy-claude-artifact","Publish a legacy Claude artifact",[33,12371,12372,12375,12381],{},[36,12373,12374],{},"Open a legacy artifact.",[36,12376,12377,12378,12380],{},"Click ",[237,12379,8728],{},". The dialog offers \"Publish to web\", with the note \"Anyone with the link can view, and your artifact may show up in search engine results. Your chat will stay private.\"",[36,12382,12377,12383,12386,12387,12389],{},[237,12384,12385],{},"Publish & copy link",". You get a ",[51,12388,12081],{}," address, and the artifact joins the Artifacts tab.",[12332,12391],{"alt":12392,"src":12393},"Legacy (before September 16, 2026) Claude Share artifact dialog with Publish to web selected and a Publish and copy link button","\u002Fimg\u002Farticles\u002Fpublish-claude-artifact\u002Fclaude-share-artifact.jpg",[12,12395,12396,12397,12400],{},"Anyone with that link can open it, signed in or not, and viewers are asked to sign up only for features that use Claude. Anthropic says people signed in on Free, Pro or Max can \"copy and save it\"; on the page, that's the ",[237,12398,12399],{},"Customize"," button in Claude's bar.",[12332,12402],{"alt":12403,"src":12404},"Legacy (before September 16, 2026) public Claude artifact open in an incognito window at claude.ai\u002Fpublic\u002Fartifacts, under the Claude bar with a Customize button","\u002Fimg\u002Farticles\u002Fpublish-claude-artifact\u002Fclaude-artifact-in-browser.jpg",[12,12406,12407],{},"On Team and Enterprise, legacy artifacts get \"Share & copy link\" instead, which opens for people signed in to your organisation or, if an Owner has turned on External sharing, for anyone with the link, though they need a Claude account. Viewers \"also get access to the attachments and files in that chat\", so check your uploads first.",[502,12409,12411],{"id":12410},"does-a-shared-claude-artifact-update-when-you-edit-it","Does a shared Claude artifact update when you edit it?",[12,12413,12414,12415,12417,12418,12423],{},"For a new artifact, probably yes. Academy describes Claude changing an artifact in place, at the same ",[51,12416,12221],{}," address the link already points to, though Anthropic doesn't say outright what link viewers see after an edit. For a legacy artifact, ",[40,12419,12422],{"href":12420,"rel":12421},"https:\u002F\u002Fwww.codecademy.com\u002Farticle\u002Fhow-to-use-claude-artifacts-create-share-and-remix-ai-content",[44],"Codecademy's guide"," says \"only the selected version is published\", but Anthropic doesn't confirm it, so pick the version you want before you click Publish.",[12,12425,12426,12427,12430],{},"Saved entries survive \"even after Claude changes it\", says Academy, which suggests choosing ",[237,12428,12429],{},"Duplicate"," from the title menu first, \"so you can compare the two or go back.\" If people already rely on the link, I'd duplicate before anything bigger than a typo. On either system, editing an earlier message branches the chat, each branch with \"its own artifacts\", so share the one you meant.",[22,12432,12434],{"id":12433},"can-anyone-access-a-claude-artifact","Can anyone access a Claude artifact?",[12,12436,12437],{},"Not by default. A new Claude artifact starts as Only you, and its private link shows signed-out visitors \"Sign in to view this page\". Switch General access to \"Anyone with the link\" on a paid plan and, going by the Share dialog and the Hostsmith team's test, anyone with the link can open it, account or not.",[12,12439,12440],{},"If an artifact calls Claude or your apps, the help centre says it can't use \"Anyone with the link\" at all; Academy adds that those parts don't work for signed-out viewers. Invitees use their own plan and connections: \"an artifact that pulls from connected apps uses the viewer's connections, not yours.\"",[12,12442,12443,12444,429,12447,12450],{},"Public viewers see the artifact under a Claude bar: its title, \"Content is user-generated and unverified.\", and ",[237,12445,12446],{},"Share",[237,12448,12449],{},"Sign in"," buttons. Anthropic's advice to viewers: \"Only open shared artifacts from people you trust.\"",[502,12452,12454],{"id":12453},"where-anthropic-contradicts-itself","Where Anthropic contradicts itself",[12,12456,12457],{},"Anthropic's sharing article (October 2026) says \"Everyone needs a Claude account. People without one can't open a shared artifact, even with the link.\"",[12,12459,12460],{},"The Share dialog's confirmation, quoted in the steps above, says the opposite, and the Hostsmith team's test backs it: after they clicked Share publicly, the link opened in an incognito window with no sign-in. The test's scope was a Claude Max plan, a static HTML artifact, October 22, 2026; we didn't test Free (which has no link option), Team or Enterprise external links, or an artifact that calls Claude.",[12,12462,12463],{},"Anthropic Academy sides with the dialog too: with \"Anyone with the link\", \"people outside your organization and people who aren't signed in to Claude can open it.\"",[12,12465,12466],{},"My read: for a static page on Pro or Max, believe the dialog, which makes its promise at the moment you click. For anything that calls Claude or your apps, expect sign-in prompts, or no link option at all.",[22,12468,12470],{"id":12469},"what-claudes-sharing-cant-do","What Claude's sharing can't do",[12,12472,12473],{},"Claude's sharing is built for passing work around, not for running a website:",[115,12475,12476,12487,12493,12499,12505,12521,12527],{},[36,12477,12478,12481,12482,4171,12484,12486],{},[237,12479,12480],{},"No custom domain."," Links stay on ",[51,12483,12221],{},[51,12485,12081],{}," for legacy artifacts.",[36,12488,12489,12492],{},[237,12490,12491],{},"Claude's bar on every public view",", Sign in button included: fine for a colleague, a bit odd on a client's pricing tool.",[36,12494,12495,12498],{},[237,12496,12497],{},"No password for outsiders."," The choices are you, named people with Claude accounts, your organisation, or everyone with the link.",[36,12500,12501,12504],{},[237,12502,12503],{},"No visitor numbers."," Anthropic's sharing pages describe no view counts or analytics.",[36,12506,12507,12510,12511,12516,12517,12520],{},[237,12508,12509],{},"Search engines."," Beyond the legacy dialog's warning, ",[40,12512,12515],{"href":12513,"rel":12514},"https:\u002F\u002Fpluto.security\u002Fblog\u002Finside-claude-artifacts-how-your-agent-publishes-to-the-web\u002F",[44],"Pluto Security's August 2026 research"," found legacy public pages from Free accounts indexed by Google, while paid-plan Claude Code shares carried ",[51,12518,12519],{},"x-robots-tag: none",". The new dialog says nothing either way, so treat any public link as findable.",[36,12522,12523,12526],{},[237,12524,12525],{},"Blocked networks."," Some networks block claude.ai, and the link does nothing for anyone stuck behind one.",[36,12528,12529,12532,12533,12538],{},[237,12530,12531],{},"The runtime isn't yours."," On April 1, 2026, a user ",[40,12534,12537],{"href":12535,"rel":12536},"https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fclaude-code\u002Fissues\u002F42064",[44],"reported on GitHub"," that every user-published artifact on claude.ai showed a blank screen, which the reporter traced to a postMessage origin mismatch between claude.ai and claudeusercontent.com. They closed the report on April 2 when pages loaded again; Anthropic never commented.",[22,12540,12542],{"id":12541},"common-claude-artifact-gotchas-before-you-share","Common Claude artifact gotchas before you share",[12,12544,12545],{},"A few things behave differently inside Claude than on the open web:",[115,12547,12548,12558,12572,12582,12588],{},[36,12549,12550,12553,12554,12557],{},[237,12551,12552],{},"Curly quotes in HTML attributes."," If a page renders blank or half-styled, look for smart quotes inside ",[51,12555,12556],{},"attr=\"...\"",", and try asking Claude to \"use only straight ASCII quotes in HTML attributes\".",[36,12559,12560,12563,12564,12567,12568,12571],{},[237,12561,12562],{},"No calls to your own API."," Pluto Security also reported, before the Share change, that the artifact sandbox's content security policy sets ",[51,12565,12566],{},"connect-src 'self'",", which blocks ",[51,12569,12570],{},"fetch()"," to outside servers, so anything that needs a backend has to be stubbed while it lives in Claude.",[36,12573,12574,12577,12578,12581],{},[237,12575,12576],{},"Saving state."," Don't count on ",[51,12579,12580],{},"localStorage"," inside Claude; Anthropic's supported route is artifact storage, on Pro and up.",[36,12583,12584,12587],{},[237,12585,12586],{},"Shared storage."," Some artifacts save information \"that everyone who opens them can see\" (help centre), so check yours before a client types anything sensitive.",[36,12589,12590,12593,12594,12597],{},[237,12591,12592],{},"The bundler trap."," React artifacts can come back with bare ",[51,12595,12596],{},"import"," lines and no CDN script tags; they run in Claude's preview and fail everywhere else. The single-file prompt below fixes that.",[22,12599,12601],{"id":12600},"how-do-i-download-or-export-a-claude-artifact","How do I download or export a Claude artifact?",[12,12603,12604,12605,12608,12609,12612],{},"For a new artifact, choose ",[237,12606,12607],{},"Export"," in the artifact's title menu and pick ",[237,12610,12611],{},"HTML"," (Anthropic Academy); the Share dialog's Export tab does the same job. Export > HTML is the closest thing to a Claude artifact downloader. Template-based artifacts get more formats (help centre, October 2026):",[115,12614,12615,12621,12627,12633],{},[36,12616,12617,12620],{},[237,12618,12619],{},"Docs:"," Word, PDF, Markdown or Google Docs.",[36,12622,12623,12626],{},[237,12624,12625],{},"Slides:"," PowerPoint or PDF, or straight to Google Slides.",[36,12628,12629,12632],{},[237,12630,12631],{},"Design:"," a .zip, PDF, PowerPoint or standalone HTML.",[36,12634,12635,12638],{},[237,12636,12637],{},"Motion:"," MP4 video.",[12,12640,12641],{},"Know what you lose. Per Academy, \"in the exported copy, the parts that save entries, use Claude, or use connected tools stop working.\" A calculator survives; a team tracker becomes a nicely styled form with no memory. If remembering per browser is enough, ask Claude for an export copy that uses localStorage instead of artifact storage.",[12,12643,12644],{},"For a legacy artifact, the controls at the top of the artifact panel let you view the code, copy it or download it.",[12,12646,12647],{},"If you don't get one tidy file (React artifacts are the usual suspects), ask Claude for one, and say everything goes inline so it doesn't assume a bundler:",[1483,12649,12650],{},[12,12651,12652],{},"Give me the complete artifact as a self-contained single-file HTML file. Inline all the CSS and JavaScript, replace any imports with CDN script tags (React, Tailwind, etc.), and make sure it runs by just opening the file in a browser - no build step.",[12,12654,12655],{},"Double-click the saved file; if it works from your desktop, it'll work on a host.",[12,12657,12658,12659,12662],{},"Before the file goes anywhere, take out any API keys Claude wrote in for testing, and stub relative paths such as ",[51,12660,12661],{},"\u002Fapi\u002Fsomething",", which won't exist on the new host.",[12,12664,12665,12666,12671,12672,12675,12676,46],{},"John Whitaker's ",[40,12667,12670],{"href":12668,"rel":12669},"https:\u002F\u002Fjohnowhitaker.dev\u002Ftils\u002Fdeploy_your_artifacts.html",[44],"Deploy Your Artifacts"," note has a habit worth borrowing: one ",[51,12673,12674],{},"tools\u002F"," folder on your host, a subfolder per artifact. For the wider picture, see the guide to ",[40,12677,9344],{"href":76},[22,12679,12681],{"id":12680},"how-to-host-a-claude-artifact-on-your-own-url","How to host a Claude artifact on your own URL",[12,12683,12684,12687,12688,12691],{},[40,12685,389],{"href":603,"rel":12686},[44]," (ours, for the record) puts the exported file at an address that belongs to you rather than to Claude: a ",[51,12689,12690],{},"your-tool.us.hostsmith.link"," address on any plan, or your own domain from Pro, with no Claude header bar or sign-in button on the page (Hostsmith's own branding comes off from Starter). There are two ways to get it there.",[12,12693,12694,12697,12698,12701,12702,12705],{},[237,12695,12696],{},"From the chat, with the Hostsmith connector."," In Claude, open Customize > Connectors, choose + Add > Add custom connector, paste ",[51,12699,12700],{},"https:\u002F\u002Fmcp.hostsmith.net\u002Fmcp"," and sign in to Hostsmith. Free Claude plans allow one custom connector, and since Free can't link-share new artifacts, it's a way to get one onto a public URL without leaving the chat. Then ask: \"Publish this artifact on Hostsmith as ",[51,12703,12704],{},"my-budget-tool",".\" Claude sends the file and hands back the live URL, and \"redeploy my-budget-tool with this version\" updates it at the same address; the Hostsmith team ran both through the connector on October 22, 2026. Claude Code and other MCP clients connect too.",[12,12707,12708,12711],{},[237,12709,12710],{},"By hand."," Export the artifact as one HTML file and drag it into the Hostsmith dashboard; a single HTML file becomes the site's home page. When it changes, drop the new file onto the same site in the dashboard and it takes the old one's place.",[12,12713,12714,12715,12718],{},"Free covers 1 site, 5 MB of storage and 5 GB of bandwidth each month, enough for a single-file tool. Starter, at $5 a month billed annually ($9 month by month), adds Private Sites: a password, or an allowlist of email addresses, and visitors get in without a Claude account. Pro, at $15 a month billed annually ($21 month by month), runs up to 5 sites, each able to take a custom domain, so a client's calculator can live at ",[51,12716,12717],{},"tools.theirbrand.com"," (pricing checked October 2026).",[22,12720,12722],{"id":12721},"other-ways-to-host-a-claude-artifact","Other ways to host a Claude artifact",[12,12724,12725],{},"Most static hosts will take the exported file, though some want it inside a folder or ZIP. Here's how the common ones compare.",[12,12727,12728],{},[18,12729,12730],{},"Ways to host an exported Claude artifact, checked October 22, 2026",[198,12732,12733,12751],{},[201,12734,12735],{},[204,12736,12737,12739,12742,12744,12746,12749],{},[207,12738,8084],{},[207,12740,12741],{},"Account to deploy",[207,12743,6768],{},[207,12745,7077],{},[207,12747,12748],{},"Update at the same URL?",[207,12750,1638],{},[229,12752,12753,12772,12791,12810,12828,12847],{},[204,12754,12755,12758,12761,12763,12766,12769],{},[234,12756,12757],{},"Hostsmith (ours)",[234,12759,12760],{},"Yes (free)",[234,12762,7233],{},[234,12764,12765],{},"Password or email whitelist, Starter and up (Private Sites)",[234,12767,12768],{},"Yes: re-upload in the dashboard, or redeploy through the connector",[234,12770,12771],{},"Your own URL, or publishing straight from Claude through the connector",[204,12773,12774,12776,12779,12782,12785,12788],{},[234,12775,239],{},[234,12777,12778],{},"No account to drop; the link sits behind a temporary password until you claim it",[234,12780,12781],{},"Yes, on Free, once claimed",[234,12783,12784],{},"Pro, $20 a month",[234,12786,12787],{},"Yes: drag a new folder onto the project's production deploys",[234,12789,12790],{},"A public link for one file, no sign-up to start; claim it, then make it public",[204,12792,12793,12796,12798,12801,12804,12807],{},[234,12794,12795],{},"Vercel Drop (vercel.com\u002Fdrop)",[234,12797,270],{},[234,12799,12800],{},"Yes; the Hobby plan is for non-commercial use only",[234,12802,12803],{},"Pro, plus $20 a month per protected project",[234,12805,12806],{},"No: each drop makes a new project (Git or the CLI can update it)",[234,12808,12809],{},"A one-off demo if you already have a Vercel account",[204,12811,12812,12814,12817,12819,12822,12825],{},[234,12813,289],{},[234,12815,12816],{},"Yes; drag and drop in the dashboard",[234,12818,7097],{},[234,12820,12821],{},"No shared password; Cloudflare Access email login, free up to 50 users",[234,12823,12824],{},"Yes: Create a new deployment, and pick Production",[234,12826,12827],{},"A free custom domain for a file you'll keep updating",[204,12829,12830,12832,12835,12837,12839,12842],{},[234,12831,366],{},[234,12833,12834],{},"Yes; a public repo on GitHub Free",[234,12836,7097],{},[234,12838,379],{},[234,12840,12841],{},"Yes: commit to the repo",[234,12843,12844,12845],{},"A file you don't mind sitting in a public repo, saved as ",[51,12846,2535],{},[204,12848,12849,12852,12855,12857,12859,12862],{},[234,12850,12851],{},"CodePen \u002F Gist",[234,12853,12854],{},"Yes, to save",[234,12856,2236],{},[234,12858,2236],{},[234,12860,12861],{},"Yes: edit the pen or gist",[234,12863,12864],{},"Showing someone the code rather than handing them a tool",[12,12866,12867],{},"Sources: each provider's pricing and docs pages (Netlify, Vercel, Cloudflare, GitHub, CodePen).",[12,12869,12870,12871,12873,12874,46],{},"Netlify Drop is the nearest thing to the old Publish button: drop a folder or ZIP with the file in it, no sign-up, but claim the site straight away or visitors hit a password prompt, and after claiming, check that Project visibility is set to public; Netlify's Free plan keeps new projects private by default. There's a full rundown of ",[40,12872,239],{"href":674}," and its alternatives, and a longer list of ",[40,12875,594],{"href":593},[12,12877,12878,12879,12884,12885,3298,12888,12891],{},"For React artifacts too tangled to inline, the open-source ",[40,12880,12883],{"href":12881,"rel":12882},"https:\u002F\u002Fgithub.com\u002Fclaudio-silva\u002Fclaude-artifact-runner",[44],"claude-artifact-runner"," turns a ",[51,12886,12887],{},".tsx",[51,12889,12890],{},".jsx"," artifact into a Vite React app and builds static output, including one self-contained HTML file; it needs Node.js 20 or later and provides no backend.",[22,12893,12895],{"id":12894},"how-to-embed-a-claude-artifact","How to embed a Claude artifact",[12,12897,12898,12900,12901,12904],{},[237,12899,12077],{}," after you publish, click ",[237,12902,12903],{},"Get embed code"," for a snippet you can paste into another website, and list the sites allowed to embed it in the Allowed domains field, separated by commas.",[12,12906,12907,12909],{},[237,12908,12071],{}," neither the help centre nor Academy describes an embed option as of October 2026, and the Share dialog we tested had only Share and Export tabs.",[12,12911,12912,12915],{},[237,12913,12914],{},"Self-hosted:"," host the exported HTML yourself and drop a plain iframe wherever you want it:",[2500,12917,12921],{"className":12918,"code":12919,"language":12920,"meta":645,"style":645},"language-html shiki shiki-themes github-light material-theme github-dark-high-contrast","\u003Ciframe\n  src=\"https:\u002F\u002Fmy-tool.us.hostsmith.link\u002F\"\n  width=\"100%\"\n  height=\"600\"\n  style=\"border: 0;\"\n  loading=\"lazy\">\n\u003C\u002Fiframe>\n","html",[51,12922,12923,12932,12949,12963,12977,12991,13009],{"__ignoreMap":645},[1489,12924,12925,12928],{"class":2598,"line":2599},[1489,12926,12927],{"class":2602},"\u003C",[1489,12929,12931],{"class":12930},"sHv8U","iframe\n",[1489,12933,12934,12938,12941,12943,12946],{"class":2598,"line":646},[1489,12935,12937],{"class":12936},"sDQaw","  src",[1489,12939,12940],{"class":2602},"=",[1489,12942,2616],{"class":2641},[1489,12944,12945],{"class":2644},"https:\u002F\u002Fmy-tool.us.hostsmith.link\u002F",[1489,12947,12948],{"class":2641},"\"\n",[1489,12950,12951,12954,12956,12958,12961],{"class":2598,"line":656},[1489,12952,12953],{"class":12936},"  width",[1489,12955,12940],{"class":2602},[1489,12957,2616],{"class":2641},[1489,12959,12960],{"class":2644},"100%",[1489,12962,12948],{"class":2641},[1489,12964,12965,12968,12970,12972,12975],{"class":2598,"line":2672},[1489,12966,12967],{"class":12936},"  height",[1489,12969,12940],{"class":2602},[1489,12971,2616],{"class":2641},[1489,12973,12974],{"class":2644},"600",[1489,12976,12948],{"class":2641},[1489,12978,12979,12982,12984,12986,12989],{"class":2598,"line":2678},[1489,12980,12981],{"class":12936},"  style",[1489,12983,12940],{"class":2602},[1489,12985,2616],{"class":2641},[1489,12987,12988],{"class":2644},"border: 0;",[1489,12990,12948],{"class":2641},[1489,12992,12994,12997,12999,13001,13004,13006],{"class":2598,"line":12993},6,[1489,12995,12996],{"class":12936},"  loading",[1489,12998,12940],{"class":2602},[1489,13000,2616],{"class":2641},[1489,13002,13003],{"class":2644},"lazy",[1489,13005,2616],{"class":2641},[1489,13007,13008],{"class":2602},">\n",[1489,13010,13012,13015,13018],{"class":2598,"line":13011},7,[1489,13013,13014],{"class":2602},"\u003C\u002F",[1489,13016,13017],{"class":12930},"iframe",[1489,13019,13008],{"class":2602},[12,13021,13022],{},"No Claude bar and no sign-in prompts.",[22,13024,3129],{"id":3128},[12,13026,13027,13030,13031,46],{},[237,13028,13029],{},"Can I publish a Claude artifact privately?","\nYes: a new artifact is private (Only you) as soon as it's published, and paid plans can invite people by email, though the help centre says each of them needs a Claude account. If you'd rather gate it with a password, host the exported HTML behind one: Hostsmith Private Sites from Starter (a password or an email whitelist), or Cloudflare Access (free up to 50 people; visitors sign in with a code sent to their inbox). There's more on how to ",[40,13032,13033],{"href":175},"password-protect a static site",[12,13035,13036,13039],{},[237,13037,13038],{},"Can I use a custom domain for a Claude artifact?","\nNot on Claude's own links, which stay on claude.ai. For your own domain, export the artifact as HTML and put it on a host that supports custom domains; Netlify, Cloudflare Pages and GitHub Pages include them on their free plans (October 2026).",[12,13041,13042,13045,13046,46],{},[237,13043,13044],{},"How do I convert a Claude artifact to PDF?","\nDocs, Slides and Design artifacts export to PDF directly from Export. For an HTML or code artifact, export or download the HTML, open it in your browser and use Print, then Save as PDF. If the point is to send it to someone, you can then ",[40,13047,13048],{"href":4074},"share the PDF as a link",[12,13050,13051,13054],{},[237,13052,13053],{},"Are Claude artifacts free?","\nMaking them is: artifacts, including the Docs, Slides and Design templates, are on every plan, Free included. Sharing is where plans split, as Anthropic's sharing table lists link sharing and email invites for new artifacts on Pro, Max, Team and Enterprise, not Free, though Free can still publish legacy artifacts. Storage and connecting your apps need Pro or above, and when an artifact calls Claude, each person's usage counts against their own plan, not yours (help centre, October 2026).",[12,13056,13057,13060],{},[237,13058,13059],{},"How do I unpublish or stop sharing a Claude artifact?","\nFor a new artifact, set General access back to Only you (Only people invited on Team and Enterprise). On Pro and Max, invitees keep access until you remove each one. Legacy artifacts have Unpublish instead: the public link stops working, you can't publish that artifact again, and Anthropic permanently deletes its personal and shared storage data. Copies you exported or hosted elsewhere are unaffected.",[12,13062,13063,13066],{},[237,13064,13065],{},"Can I edit an artifact after I've self-hosted it?","\nGet the updated HTML and either ask Claude to redeploy it through the Hostsmith connector, or upload it to the same site from the dashboard. The URL doesn't change.",[8509,13068],{},[12,13070,13071],{},"When I was writing Perl for a Bristol agency, \"publish\" meant public; in Claude it now means save, and Share is where the public part went. Read the confirmation when you switch General access to the link option, and open the link in a private window before it reaches anyone who matters. If it needs a domain, a password or no Claude bar, export the HTML and put it somewhere you own.",[3231,13073,13074],{},"html pre.shiki code .swkHL, html code.shiki .swkHL{--shiki-light:#24292E;--shiki-default:#89DDFF;--shiki-dark:#F0F3F6}html pre.shiki code .sHv8U, html code.shiki .sHv8U{--shiki-light:#22863A;--shiki-default:#F07178;--shiki-dark:#72F088}html pre.shiki code .sDQaw, html code.shiki .sDQaw{--shiki-light:#6F42C1;--shiki-default:#C792EA;--shiki-dark:#91CBFF}html pre.shiki code .sLH4c, html code.shiki .sLH4c{--shiki-light:#032F62;--shiki-default:#89DDFF;--shiki-dark:#ADDCFF}html pre.shiki code .saCgk, html code.shiki .saCgk{--shiki-light:#032F62;--shiki-default:#C3E88D;--shiki-dark:#ADDCFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":645,"searchDepth":646,"depth":646,"links":13076},[13077,13078,13079,13080,13085,13088,13089,13090,13091,13092,13093,13094],{"id":12062,"depth":646,"text":12063},{"id":12088,"depth":646,"text":12089},{"id":12137,"depth":646,"text":12138},{"id":12297,"depth":646,"text":12298,"children":13081},[13082,13083,13084],{"id":12301,"depth":656,"text":12302},{"id":12368,"depth":656,"text":12369},{"id":12410,"depth":656,"text":12411},{"id":12433,"depth":646,"text":12434,"children":13086},[13087],{"id":12453,"depth":656,"text":12454},{"id":12469,"depth":646,"text":12470},{"id":12541,"depth":646,"text":12542},{"id":12600,"depth":646,"text":12601},{"id":12680,"depth":646,"text":12681},{"id":12721,"depth":646,"text":12722},{"id":12894,"depth":646,"text":12895},{"id":3128,"depth":646,"text":3129},"2026-05-20","Publishing a Claude artifact now saves it privately. On Pro and Max, Share > 'Anyone with the link' opens it with no account; the help centre says otherwise.","mdi:share-variant",{"excerpt":13099},{"type":9,"value":13100},[13101],[12,13102,12054],{},{"title":12049,"description":13096},"publish-claude-artifact",[13106,13107,1598,13108],"Claude","AI","Artifacts","ZnpyQyBAYVsfm6pzvsUNd4D2gBWa82NvgMBarSQkh1Q",{"id":13111,"title":13112,"alt":6,"author":7,"body":13113,"date":13561,"description":13562,"extension":666,"icon":10965,"image":6,"meta":13563,"navigation":673,"path":10924,"published":6,"seo":13570,"stem":13571,"tags":13572,"__hash__":13573},"blog\u002Fsend-large-video-files-email.md","How to Send Large Video Files Through Email (Without Compression)",{"type":9,"value":13114,"toc":13546},[13115,13118,13121,13125,13128,13142,13145,13156,13159,13162,13166,13169,13172,13179,13183,13186,13203,13206,13209,13226,13229,13232,13238,13242,13245,13345,13348,13351,13354,13361,13364,13367,13371,13377,13383,13389,13392,13396,13399,13413,13416,13419,13423,13426,13432,13438,13463,13466,13469,13471,13477,13483,13489,13495,13501,13507,13513,13519,13523,13526,13540,13543],[12,13116,13117],{},"You hit send on a 200 MB clip and Gmail snaps back with that smug little error. \"Attachment size exceeds the allowable limit.\" Cool, thanks. If you've been googling \"how to send large videos email\" over and over, you already know the standard answers (compress, zip, shrug) don't actually work. I burned twenty minutes on this last week trying to send a freelance client a 4K screen recording before remembering I'd solved this exact problem two months back. So here's the cheat sheet I wish I'd taped to my monitor.",[12,13119,13120],{},"The fix isn't compressing the video into a blurry mess. It's not zipping it either (zip does nothing for already-compressed video). The move is to upload the file once, get a real URL, and paste that URL into your email. I'll walk through four ways to do it - Hostsmith, WeTransfer, Google Drive, and iCloud Mail Drop - and tell you exactly where each one falls apart. If you've been searching how to send large video files through email without the usual compression headaches, this is the workflow.",[22,13122,13124],{"id":13123},"why-your-video-is-too-big-to-email","Why your video is too big to email",[12,13126,13127],{},"Every major email provider caps attachments hard:",[115,13129,13130,13133,13136,13139],{},[36,13131,13132],{},"Gmail: 25 MB",[36,13134,13135],{},"Outlook: 20 MB",[36,13137,13138],{},"Yahoo Mail: 25 MB",[36,13140,13141],{},"iCloud Mail: 20 MB",[12,13143,13144],{},"And video eats those caps for breakfast. Quick math from the clips on my own drive:",[115,13146,13147,13150,13153],{},[36,13148,13149],{},"1 minute of 1080p at 30fps: around 130 MB",[36,13151,13152],{},"1 minute of 4K at 30fps: around 400 MB",[36,13154,13155],{},"A 5-minute 4K60 HEVC recording from an iPhone 15: usually 600 MB to 1 GB (less if you shoot 1080p or 4K30)",[12,13157,13158],{},"So a single minute of 1080p footage is already 5x over Gmail's limit. A short product demo? Forget it.",[12,13160,13161],{},"\"Just compress it\" is the answer people reach for first. I get the instinct. But it has real costs. You're either re-encoding (which means waiting on HandBrake to chew through your file and losing quality), or you're trimming the clip and changing what you're actually sending. If you spent time getting the footage right, crunching it down for the sake of a 25 MB ceiling is backwards. The file isn't the problem. The delivery method is.",[22,13163,13165],{"id":13164},"the-fastest-fix-upload-once-paste-the-link","The fastest fix: upload once, paste the link",[12,13167,13168],{},"Upload your video to a host that gives you a permanent URL. Drop the link into your email. Done.",[12,13170,13171],{},"That's it. Recipient clicks, video plays in their browser or downloads. No app, no sign-in, no expiration timer.",[12,13173,13174,13175,13178],{},"Same trick works for documents too - I walked through ",[40,13176,13177],{"href":4074},"how to share a PDF as a link"," using the exact same upload-and-paste flow.",[22,13180,13182],{"id":13181},"how-to-send-a-large-video-file-via-email-with-hostsmith-step-by-step","How to send a large video file via email with Hostsmith (step-by-step)",[12,13184,13185],{},"This is the workflow I use now because the link doesn't expire and the recipient doesn't need an account. Here's the actual process:",[33,13187,13188,13191,13194,13200],{},[36,13189,13190],{},"Sign up at hostsmith.net",[36,13192,13193],{},"Drag your video file into the browser - it uploads to a static site",[36,13195,13196,13197],{},"Copy the URL, which looks like ",[51,13198,13199],{},"your-site.us.hostsmith.link\u002Fdemo.mp4",[36,13201,13202],{},"Paste it into your email and send",[12,13204,13205],{},"The recipient opens the link and the video plays directly in their browser. No download required for MP4 files.",[12,13207,13208],{},"The free tier doesn't handle video. Here's where each tier actually lands:",[115,13210,13211,13214,13217,13220,13223],{},[36,13212,13213],{},"Free: 5 MB storage. Fine for a screenshot. Useless for video.",[36,13215,13216],{},"Starter: 50 MB storage, plus Private Sites. Same ballpark as Gmail attachments. Don't bother for the storage alone, but the password gate matters from this tier.",[36,13218,13219],{},"Pro: 500 MB total storage across up to 5 sites, plus custom domains (Private Sites is already on Starter). Good for a handful of short clips at a time, or one bigger video you swap out as you send.",[36,13221,13222],{},"Agency: 10 GB total storage across up to 25 sites, with EU data residency on tap.",[36,13224,13225],{},"Premium: 1 TB total storage across up to 250 sites. Enough for raw footage or many clips sitting online at once.",[12,13227,13228],{},"A quick note on what those storage numbers mean in practice: Pro's 500 MB is the total you can have hosted at any given time, not a per-file ceiling. You can park one 400 MB video on it, but not three of them. Premium's 1 TB gives you real breathing room for keeping a backlog of client recordings live.",[12,13230,13231],{},"If you're going to send video files even semi-regularly, Pro is the floor. I learned that by trying Starter first and immediately hitting the wall on a 90 MB recording.",[12,13233,13234,13235,13237],{},"The same drag-and-drop flow works for any file type - I covered the general pattern in ",[40,13236,9848],{"href":189}," if you want the longer version.",[22,13239,13241],{"id":13240},"alternatives-compared-and-where-each-one-breaks","Alternatives compared (and where each one breaks)",[12,13243,13244],{},"I've used all of these. Each one has a specific failure mode.",[198,13246,13247,13266],{},[201,13248,13249],{},[204,13250,13251,13254,13257,13260,13263],{},[207,13252,13253],{},"Service",[207,13255,13256],{},"Free limit",[207,13258,13259],{},"Link expires?",[207,13261,13262],{},"Recipient needs account?",[207,13264,13265],{},"Main annoyance",[229,13267,13268,13284,13298,13314,13330],{},[204,13269,13270,13273,13276,13279,13281],{},[234,13271,13272],{},"Hostsmith (Pro)",[234,13274,13275],{},"500 MB storage",[234,13277,13278],{},"Never",[234,13280,2236],{},[234,13282,13283],{},"Paid plan needed for video sizes",[204,13285,13286,13288,13291,13293,13295],{},[234,13287,10786],{},[234,13289,13290],{},"2 GB",[234,13292,10842],{},[234,13294,2236],{},[234,13296,13297],{},"Ads, link dies in a week",[204,13299,13300,13302,13305,13308,13311],{},[234,13301,10816],{},[234,13303,13304],{},"15 GB shared",[234,13306,13307],{},"Never (if you keep it)",[234,13309,13310],{},"Often yes",[234,13312,13313],{},"Sharing permissions are confusing",[204,13315,13316,13319,13322,13324,13327],{},[234,13317,13318],{},"Dropbox",[234,13320,13321],{},"2 GB total",[234,13323,13278],{},[234,13325,13326],{},"Sign-in nag",[234,13328,13329],{},"Constant prompts to install the app",[204,13331,13332,13335,13338,13340,13342],{},[234,13333,13334],{},"Compression (HandBrake etc)",[234,13336,13337],{},"N\u002FA",[234,13339,13337],{},[234,13341,2236],{},[234,13343,13344],{},"Quality loss, time spent encoding",[502,13346,10786],{"id":13347},"wetransfer",[12,13349,13350],{},"The most popular option because it's free and brainless. But that 7-day expiry has bitten me twice. A client opened my email two weeks later and the link was dead. Now I have to re-upload, re-send, look unprofessional. The free version is also ad-heavy in a way that makes you look unserious.",[502,13352,10816],{"id":13353},"google-drive",[12,13355,13356,13357,13360],{},"It works, but the sharing permissions are a maze. \"Anyone with the link\" vs \"Restricted\" vs request access loops. Half the time my recipient hits a wall and pings me asking for access. I wrote up the broader Drive issues in ",[40,13358,13359],{"href":3628},"Google Drive alternatives"," if you've fought that battle too.",[502,13362,13318],{"id":13363},"dropbox",[12,13365,13366],{},"Fine if both of you already use it. If your recipient doesn't, they'll get pushed to sign up before they can grab the file. That's friction your client doesn't want.",[22,13368,13370],{"id":13369},"how-to-send-large-videos-from-iphone-or-android-by-email","How to send large videos from iPhone or Android by email",[12,13372,13373,13376],{},[237,13374,13375],{},"iPhone (Mail Drop):"," When you attach a video over 20 MB in the Mail app, iOS offers Mail Drop. It uploads to iCloud, sends a link, and the recipient gets a download button. Limits: 5 GB per file, link expires in 30 days, recipient has to actively accept the download. It works, but the 30-day timer is the same WeTransfer problem in a nicer wrapper.",[12,13378,13379,13380,46],{},"The alternative: open the Hostsmith dashboard in Safari, upload the video from your Photos, paste the link into Mail. Slightly more steps, but the link doesn't die a month later. AirDrop, iCloud links and the other options are compared in ",[40,13381,13382],{"href":10980},"how to share a large video file from an iPhone",[12,13384,13385,13388],{},[237,13386,13387],{},"Android (Gmail):"," Gmail on Android does the same thing as desktop Gmail. Try to attach anything over 25 MB and it offers to upload to Google Drive and send a link. Same Drive permissions tangle as before. Same upside that it doesn't expire.",[12,13390,13391],{},"The simpler route on Android is the same: upload to a host, paste the link. Doesn't matter if you're on a phone or laptop, the recipient experience is identical.",[22,13393,13395],{"id":13394},"when-to-use-a-password-protected-link","When to use a password-protected link",[12,13397,13398],{},"Some videos shouldn't be openable by anyone who happens to get forwarded the email. Cases where I reach for a password:",[115,13400,13401,13404,13407,13410],{},[36,13402,13403],{},"Sales demos with pricing on screen",[36,13405,13406],{},"Raw client footage I haven't gotten approval to share publicly",[36,13408,13409],{},"Real-estate walk-throughs of occupied homes (the seller's stuff is in every frame)",[36,13411,13412],{},"Internal company recordings",[12,13414,13415],{},"On Hostsmith Starter and above, you can password-protect a site in about 30 seconds. Open the site settings, toggle on password protection, set a password, save. The recipient hits the link, types the password, video plays. Send the password in a separate channel (text, Signal, whatever). Don't paste the password into the same email - that defeats the entire point.",[12,13417,13418],{},"An email whitelist is also available on those tiers if you want to restrict by email address rather than a shared password.",[22,13420,13422],{"id":13421},"how-to-make-sure-your-recipient-can-actually-play-the-video","How to make sure your recipient can actually play the video",[12,13424,13425],{},"This trips people up more than the size issue.",[12,13427,13428,13431],{},[237,13429,13430],{},"Use MP4 with H.264 encoding."," It plays in every browser, on every OS, in every email client preview, without any extra software. It's the safest possible default.",[12,13433,13434,13437],{},[237,13435,13436],{},"Avoid sending MOV or MKV."," If your file is MOV (the default from QuickTime and iPhones), the fastest fix is to remux it into an MP4 container without re-encoding. One ffmpeg line does it:",[2500,13439,13441],{"className":9054,"code":13440,"language":9056,"meta":645,"style":645},"ffmpeg -i input.mov -c copy output.mp4\n",[51,13442,13443],{"__ignoreMap":645},[1489,13444,13445,13448,13451,13454,13457,13460],{"class":2598,"line":2599},[1489,13446,13447],{"class":9063},"ffmpeg",[1489,13449,13450],{"class":11133}," -i",[1489,13452,13453],{"class":2644}," input.mov",[1489,13455,13456],{"class":11133}," -c",[1489,13458,13459],{"class":2644}," copy",[1489,13461,13462],{"class":2644}," output.mp4\n",[12,13464,13465],{},"That just swaps the container, so the video and audio streams pass through untouched. No quality loss, no waiting on a full re-encode. The output plays everywhere MP4 plays.",[12,13467,13468],{},"For MP4 files hosted on Hostsmith, the video tag in the browser handles playback natively. The recipient clicks the link and the video starts. No download step at all unless they want one.",[22,13470,3129],{"id":3128},[12,13472,13473,13476],{},[237,13474,13475],{},"How big a video can I send through Gmail?","\nThe attachment itself caps at 25 MB. If you go over, Gmail will offer to upload to Drive and send a link instead. The Drive route works up to 10 GB but introduces sharing permission friction.",[12,13478,13479,13482],{},[237,13480,13481],{},"How do you email a large video file?","\nUpload it to a host that gives you a permanent URL, then paste the URL into your email instead of attaching the file. The recipient clicks the link and plays or downloads the video. This avoids every attachment cap and skips the compression step entirely.",[12,13484,13485,13488],{},[237,13486,13487],{},"How do I email a video that is too big to attach?","\nSame answer: don't attach it, link to it. Hostsmith, WeTransfer, Google Drive, and iCloud Mail Drop all give you a shareable URL. The trade-offs are expiration (WeTransfer 7 days, Mail Drop 30 days), recipient friction (Drive permissions, Dropbox sign-in nags), and storage caps. A permanent URL on a host you control is the version with the fewest surprises.",[12,13490,13491,13494],{},[237,13492,13493],{},"Does WeTransfer expire?","\nYes. Free WeTransfer links expire after 7 days. Paid plans extend this, but the free version is the one most people use, and it has burned me on client work more than once.",[12,13496,13497,13500],{},[237,13498,13499],{},"Can I send a video without converting it to MP4 first?","\nYes, but plan for playback issues. MOV usually works on Macs and iPhones. MKV often needs VLC. If you're sending to a mixed audience, MP4 is the only format that just works everywhere - and the ffmpeg remux above gets you there in seconds.",[12,13502,13503,13506],{},[237,13504,13505],{},"Will the recipient need to download an app?","\nWith a hosted MP4 link, no - it plays in the browser. With Dropbox, they'll get pushed to install the app or sign in. With Drive, they may need to be signed into a Google account depending on your sharing settings.",[12,13508,13509,13512],{},[237,13510,13511],{},"How do I send a 1 GB video by email?","\nYou don't attach it. You upload it to a host (Hostsmith Premium has 1 TB of total storage, iCloud Mail Drop handles 5 GB per file for 30 days, WeTransfer handles 2 GB for 7 days) and email the link.",[12,13514,13515,13518],{},[237,13516,13517],{},"Can I send a video file that's password-protected?","\nYes, if your host supports it. Hostsmith offers password protection on the Starter plan and up. Set the password on the site, send the link in your email, send the password through a separate channel.",[22,13520,13522],{"id":13521},"send-your-next-large-video-link-without-the-25-mb-wall","Send your next large video link without the 25 MB wall",[12,13524,13525],{},"Stop fighting the 25 MB attachment cap. Upload the video, get a link, paste it in. Use Gmail directly for clips under 25 MB - that's still the right call for a one-off small file. For anything bigger, or anything you don't want disappearing in a week, host it somewhere that gives you a permanent URL.",[12,13527,13528,13529,13532,13533,429,13536,13539],{},"If you're a freelancer or small team sending video to clients regularly, ",[40,13530,389],{"href":603,"rel":13531},[44]," is built for exactly this. Drag, drop, copy the link, send. No expiry, no recipient sign-up, optional password gate from Starter up. Same flow works for ",[40,13534,13535],{"href":556},"PDF hosting",[40,13537,13538],{"href":3957},"creating a link to a PDF"," when you need to send a contract or deck the same way.",[12,13541,13542],{},"Stop reuploading the same client video to WeTransfer every Tuesday.",[3231,13544,13545],{},"html pre.shiki code .sm3sQ, html code.shiki .sm3sQ{--shiki-light:#6F42C1;--shiki-default:#FFCB6B;--shiki-dark:#FFB757}html pre.shiki code .sZA46, html code.shiki .sZA46{--shiki-light:#005CC5;--shiki-default:#C3E88D;--shiki-dark:#91CBFF}html pre.shiki code .saCgk, html code.shiki .saCgk{--shiki-light:#032F62;--shiki-default:#C3E88D;--shiki-dark:#ADDCFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":645,"searchDepth":646,"depth":646,"links":13547},[13548,13549,13550,13551,13556,13557,13558,13559,13560],{"id":13123,"depth":646,"text":13124},{"id":13164,"depth":646,"text":13165},{"id":13181,"depth":646,"text":13182},{"id":13240,"depth":646,"text":13241,"children":13552},[13553,13554,13555],{"id":13347,"depth":656,"text":10786},{"id":13353,"depth":656,"text":10816},{"id":13363,"depth":656,"text":13318},{"id":13369,"depth":646,"text":13370},{"id":13394,"depth":646,"text":13395},{"id":13421,"depth":646,"text":13422},{"id":3128,"depth":646,"text":3129},{"id":13521,"depth":646,"text":13522},"2026-05-17","How to send a large video file via email without compression. Four methods compared, plus a step-by-step Hostsmith workflow that doesn't expire in a week.",{"excerpt":13564},{"type":9,"value":13565},[13566,13568],[12,13567,13117],{},[12,13569,13120],{},{"title":13112,"description":13562},"send-large-video-files-email",[10985,10792,10986],"sdZnpZtM2A2mELLOEBVNNQV9b_e1fDkIDx0WzLmhEfs",{"id":13575,"title":13576,"alt":6,"author":7,"body":13577,"date":14399,"description":14400,"extension":666,"icon":14401,"image":6,"meta":14402,"navigation":673,"path":3228,"published":6,"seo":14407,"stem":14408,"tags":14409,"__hash__":14411},"blog\u002Fvibe-coding-website.md","How to Vibe Code a Website (Live URL in 5 Minutes)",{"type":9,"value":13578,"toc":14374},[13579,13582,13588,13592,13595,13598,13609,13612,13615,13617,13620,13640,13643,13647,13650,13654,13657,13696,13699,13704,13707,13711,13714,13718,13721,13735,13738,13742,13758,13762,13765,13768,13772,13775,13778,13915,13918,13944,13947,13951,13954,13958,13967,13971,13977,13980,13992,13995,14002,14005,14012,14015,14018,14021,14025,14031,14034,14044,14047,14066,14069,14072,14084,14087,14112,14115,14119,14122,14125,14141,14150,14160,14168,14172,14175,14188,14205,14219,14235,14247,14250,14267,14274,14278,14284,14290,14299,14308,14317,14323,14329,14338,14342,14345,14368,14371],[12,13580,13581],{},"So you've heard about vibe coding, you've maybe even watched somebody type \"build me a portfolio site\" into an AI tool and watched magic happen, and now you're wondering how to actually do this yourself. More specifically: how do you build a vibe coding website and end up with a real URL you can share, not just a preview window that disappears when you close the tab?",[12,13583,13584,13585,13587],{},"That last part is where most tutorials quietly tap out. The AI spits out code, the guide says \"and now you have a website!\" and you're left staring at an ",[51,13586,2535],{}," file on your desktop wondering what comes next. I've been there. So this is the full playbook: prompt to public URL, with the tools compared honestly and the deployment step actually explained.",[22,13589,13591],{"id":13590},"what-is-vibe-coding-and-why-it-changes-website-building","What is vibe coding (and why it changes website building)",[12,13593,13594],{},"Vibe coding is basically this: you describe the website you want, an AI writes the code, you tweak by chatting instead of editing, and you ship. The term took off after Andrej Karpathy's February 2025 X post describing \"fully giving in to the vibes.\" It stuck because it captures the actual feeling - you're not really writing code, you're vibing with an AI that does.",[12,13596,13597],{},"For website building specifically, this is a big shift. The old options were:",[115,13599,13600,13603,13606],{},[36,13601,13602],{},"Learn HTML\u002FCSS\u002FJS (steep ramp).",[36,13604,13605],{},"Use a drag-and-drop builder like Wix or Squarespace (locked-in, monthly fee, template-bound by default).",[36,13607,13608],{},"Hire someone (expensive).",[12,13610,13611],{},"Vibe coding adds a fourth option that didn't really exist before: you get real, ownable code that looks the way you want, without having written a single line yourself. That's the unlock.",[12,13613,13614],{},"But here's the hidden gap nobody talks about: every \"how to vibe code a website\" guide stops at \"look, the AI made code!\" Getting that code online, on a real URL, is on you. And if you've never deployed anything before, that final mile can feel weirdly hard. We'll fix that here.",[22,13616,8593],{"id":8592},[12,13618,13619],{},"Honestly, not much:",[115,13621,13622,13628,13634],{},[36,13623,13624,13627],{},[237,13625,13626],{},"An AI tool that generates websites."," Free options include Claude, ChatGPT, Bolt.new, Lovable, v0.dev, and Base44. We'll compare them below.",[36,13629,13630,13633],{},[237,13631,13632],{},"A way to host the output."," This is the part most guides skip. You need somewhere to put the generated files so they live at a real URL.",[36,13635,13636,13639],{},[237,13637,13638],{},"A clear idea of what you want."," Purpose, audience, vibe (pun intended), and a rough list of sections. The clearer your prompt, the less back-and-forth.",[12,13641,13642],{},"That's it. No terminal, no Node install, no Git account, no domain purchase. You can do this from a Chromebook in a coffee shop, which is exactly where I'm writing this from.",[22,13644,13646],{"id":13645},"the-5-minute-vibe-coding-workflow-prompt-to-live-url","The 5-minute vibe coding workflow (prompt to live URL)",[12,13648,13649],{},"Alright, let's break this down. Here's the workflow I actually use when I want to vibe code a website from scratch and get it live the same evening.",[502,13651,13653],{"id":13652},"step-1-write-a-prompt-that-actually-works","Step 1: Write a prompt that actually works",[12,13655,13656],{},"The single biggest mistake people make is being too vague. \"Make me a portfolio site\" gets you generic garbage. Try this template instead:",[1483,13658,13659,13669,13675,13681,13687,13690],{},[12,13660,13661,13662,13665,13666,46],{},"Build a single-page ",[1489,13663,13664],{},"TYPE"," website for ",[1489,13667,13668],{},"WHO YOU ARE \u002F WHAT IT'S FOR",[12,13670,13671,13672],{},"Audience: ",[1489,13673,13674],{},"WHO IS VISITING",[12,13676,13677,13678],{},"Sections (in order): ",[1489,13679,13680],{},"LIST SECTIONS",[12,13682,13683,13684],{},"Style: ",[1489,13685,13686],{},"PICK 2-3 ADJECTIVES + 1-2 REFERENCE SITES",[12,13688,13689],{},"Tech: Plain HTML, CSS, and vanilla JavaScript in a single index.html file. No frameworks, no build step. Use system fonts. Make it responsive on mobile.",[12,13691,13692,13693],{},"Include: ",[1489,13694,13695],{},"ANY MUST-HAVES - contact form, links, etc.",[12,13697,13698],{},"Here's a real one I used last week for a friend's photography portfolio:",[1483,13700,13701],{},[12,13702,13703],{},"Build a single-page portfolio website for Maya, a film photographer in Austin. Audience: art directors and potential clients. Sections: hero with name and tagline, gallery grid (6 placeholder images), short bio, contact email. Style: minimal, editorial, warm cream background and dark serif type, reminiscent of are.na and Cereal magazine's site. Tech: single index.html, vanilla CSS and JS, mobile responsive, no frameworks.",[12,13705,13706],{},"The \"no frameworks, single file\" line is doing a lot of work. It tells the AI not to give you a Next.js project with a tree of dependencies you can't deploy. You get one file you can literally drag onto any host.",[502,13708,13710],{"id":13709},"step-2-generate-the-site","Step 2: Generate the site",[12,13712,13713],{},"Paste your prompt into your tool of choice. Most of them will show a live preview alongside the code. Take a beat and actually look at it before iterating.",[502,13715,13717],{"id":13716},"step-3-iterate-with-conversational-refinements","Step 3: Iterate with conversational refinements",[12,13719,13720],{},"This is where vibe coding really shines. You don't open a code editor - you just talk:",[115,13722,13723,13726,13729,13732],{},[36,13724,13725],{},"\"Make the hero text bigger and add more whitespace below it.\"",[36,13727,13728],{},"\"The gallery looks cramped on mobile, give it more breathing room.\"",[36,13730,13731],{},"\"Swap the serif font for something more like Inter.\"",[36,13733,13734],{},"\"Add a subtle hover state to the gallery images.\"",[12,13736,13737],{},"Two or three rounds usually gets you 90% of the way there. If the AI gets stuck in a loop or breaks something that was working, just say \"revert that last change\" or paste back the version you liked.",[502,13739,13741],{"id":13740},"step-4-export-the-htmlcssjs","Step 4: Export the HTML\u002FCSS\u002FJS",[12,13743,13744,13745,13747,13748,13750,13751,13754,13755,2845],{},"This step varies by tool (see the comparison below), but the goal is the same: end up with a folder on your computer that contains your site. For a single-file site, that's just ",[51,13746,2535],{},". For a slightly fancier one, you might have an ",[51,13749,2535],{},", a ",[51,13752,13753],{},"styles.css",", and an ",[51,13756,13757],{},"images\u002F",[502,13759,13761],{"id":13760},"step-5-drag-and-drop-onto-a-host-for-a-live-url","Step 5: Drag and drop onto a host for a live URL",[12,13763,13764],{},"This is the part the guides skip. Open a hosting service that accepts a folder upload, drag your folder in, get a URL back. I'll cover one option I like below, but the workflow is the same regardless: folder in, URL out.",[12,13766,13767],{},"That's the whole loop. Prompt to public site, in literally minutes once you've done it once.",[22,13769,13771],{"id":13770},"the-best-vibe-coding-website-builder-tools-compared","The best vibe coding website builder (tools compared)",[12,13773,13774],{},"I've messed around with all of these. Picking the best vibe coding website builder depends on what you want to build - a one-pager, an app, a Next.js component? Here's how they actually stack up, with no marketing fluff.",[12,13776,13777],{},"Free tier limits change often - check current terms before you commit to a tool.",[198,13779,13780,13799],{},[201,13781,13782],{},[204,13783,13784,13786,13789,13792,13795,13797],{},[207,13785,209],{},[207,13787,13788],{},"Free tier",[207,13790,13791],{},"Output format",[207,13793,13794],{},"Export friction",[207,13796,4762],{},[207,13798,1638],{},[229,13800,13801,13820,13839,13857,13876,13896],{},[204,13802,13803,13806,13809,13812,13815,13817],{},[234,13804,13805],{},"Claude Artifacts",[234,13807,13808],{},"Free with daily message limits",[234,13810,13811],{},"Single-file HTML or React in artifact",[234,13813,13814],{},"Very low - copy and paste",[234,13816,379],{},[234,13818,13819],{},"Single-page sites, fast iteration",[204,13821,13822,13825,13828,13831,13834,13836],{},[234,13823,13824],{},"ChatGPT Canvas",[234,13826,13827],{},"Free with limits",[234,13829,13830],{},"Code blocks, HTML or framework",[234,13832,13833],{},"Low - copy and paste",[234,13835,379],{},[234,13837,13838],{},"Quick prototypes",[204,13840,13841,13843,13846,13849,13852,13854],{},[234,13842,11638],{},[234,13844,13845],{},"Free tokens daily",[234,13847,13848],{},"Full project (often React\u002FVite)",[234,13850,13851],{},"Medium - download zip, requires build",[234,13853,4840],{},[234,13855,13856],{},"Full-stack apps",[204,13858,13859,13861,13864,13867,13870,13873],{},[234,13860,3260],{},[234,13862,13863],{},"Free trial, then paid",[234,13865,13866],{},"Full project with GitHub sync",[234,13868,13869],{},"Medium - GitHub or download",[234,13871,13872],{},"Medium - tied to their preview",[234,13874,13875],{},"App-style sites",[204,13877,13878,13881,13884,13887,13890,13893],{},[234,13879,13880],{},"v0.dev",[234,13882,13883],{},"Free credits",[234,13885,13886],{},"Next.js \u002F React components",[234,13888,13889],{},"High for non-devs - needs Next.js setup",[234,13891,13892],{},"Medium - Vercel-flavored",[234,13894,13895],{},"Devs already using Next.js",[204,13897,13898,13901,13903,13906,13909,13912],{},[234,13899,13900],{},"Base44",[234,13902,13788],{},[234,13904,13905],{},"Full app with backend",[234,13907,13908],{},"High - their hosting expected",[234,13910,13911],{},"High - their platform",[234,13913,13914],{},"All-in-one, less ownable",[12,13916,13917],{},"A few honest observations:",[115,13919,13920,13926,13932,13938],{},[36,13921,13922,13925],{},[237,13923,13924],{},"For a simple personal site or landing page, Claude Artifacts is hard to beat."," Ask for one HTML file, copy it, done. No shade to the others, but this is the one that clicked for me.",[36,13927,13928,13931],{},[237,13929,13930],{},"Bolt and Lovable are great when you want something more app-shaped",", like a tool with state or a small backend. The tradeoff is the output is a real project you have to handle as one.",[36,13933,13934,13937],{},[237,13935,13936],{},"v0.dev is powerful but really aimed at developers"," who already know Next.js. If that's not you, the export will feel like falling off a cliff.",[36,13939,13940,13943],{},[237,13941,13942],{},"Base44 is the most \"all in one\""," but also the most locked-in. Fine if you never plan to leave; rough if you do.",[12,13945,13946],{},"The pattern: the simpler the output, the easier the deploy. For most \"vibe coding personal website\" use cases, simpler wins.",[22,13948,13950],{"id":13949},"how-to-export-your-code-from-each-tool","How to export your code from each tool",[12,13952,13953],{},"The export step is where many people get stuck. Here's what actually works for each tool.",[502,13955,13957],{"id":13956},"claude-artifacts","Claude (Artifacts)",[12,13959,13960,13961,13963,13964,46],{},"Open the artifact, hit the copy button (or select all and copy). Open a plain text editor - TextEdit on Mac (set to plain text, not rich text), Notepad on Windows, whatever. Paste. Save as ",[51,13962,2535],{},". Done. Newer artifacts can also be exported from the artifact's title menu (Export > HTML), and if you'd rather keep Claude's own link, here's how to ",[40,13965,13966],{"href":7860},"share or publish a Claude artifact",[502,13968,13970],{"id":13969},"chatgpt-canvas-or-code-blocks","ChatGPT (Canvas or code blocks)",[12,13972,13973,13974,13976],{},"Same as Claude. Copy the code, paste into a plain text file, save as ",[51,13975,2535],{},". If ChatGPT split the output into separate HTML\u002FCSS\u002FJS, save each file with the right extension in the same folder.",[502,13978,11638],{"id":13979},"boltnew",[12,13981,13982,13983,13986,13987,429,13989,13991],{},"Top-right of the editor, there's a download button. Hit it, you get a zip. ",[40,13984,13985],{"href":11512},"Unzip it",". Important: if it gave you a Vite or React project, you need to run ",[51,13988,3118],{},[51,13990,2475],{}," to get static files - which kind of defeats the no-code premise. This is why I tell the prompt \"no frameworks\" upfront.",[502,13993,3260],{"id":13994},"lovable",[12,13996,13997,13998,14001],{},"Two options. Export to GitHub (requires a GitHub account, and you'll get a full repo) or download the project zip. Same caveat as Bolt: if it built a framework project, you need a build step. If you'd rather keep it on Lovable's own hosting, ",[40,13999,14000],{"href":3037},"connecting a Lovable custom domain"," has a few DNS gotchas of its own.",[502,14003,13880],{"id":14004},"v0dev",[12,14006,14007,14008,14011],{},"You can copy individual component code or \"ship\" to a Next.js project. There's no clean \"give me static HTML\" path. This is a power-user tool. If you're already comfortable exporting code from existing builders, you might also like my notes on ",[40,14009,1286],{"href":14010},"\u002Fexport-code-from-webflow\u002F"," for a similar \"get the static output and own it\" workflow.",[502,14013,13900],{"id":14014},"base44",[12,14016,14017],{},"Their happy path is to host it on Base44. There's a code export option but you're somewhat fighting the tool.",[12,14019,14020],{},"If you're new to all this, the cleanest move is: prompt for a single HTML file, copy it out, save it locally. That's it.",[22,14022,14024],{"id":14023},"how-to-host-a-vibe-coding-website-free","How to host a vibe coding website free",[12,14026,14027,14028,14030],{},"Okay, you've got an ",[51,14029,2535],{}," (and maybe a few other files) sitting in a folder on your desktop. Now what?",[12,14032,14033],{},"You need static site hosting. Translation: a service that takes your files and serves them at a public URL. Lots of options exist - Netlify, Cloudflare Pages, GitHub Pages - but most assume you're comfortable with Git, CLIs, or a deploy command. Which... if you just used an AI so you wouldn't have to think about that stuff, kind of misses the point.",[12,14035,14036,14037,14040,14041,14043],{},"Here's what I actually use, for what it's worth: ",[40,14038,389],{"href":10402,"rel":14039},[44],". It's drag-and-drop static hosting. You take the folder with your site in it, drag it onto the dashboard, and you get a live URL on ",[51,14042,8251],{},". No terminal. No Git. No deploy command. No build step.",[12,14045,14046],{},"The free tier covers:",[115,14048,14049,14052,14055,14058,14063],{},[36,14050,14051],{},"1 site",[36,14053,14054],{},"5,000 monthly visitors",[36,14056,14057],{},"5 MB upload limit (plenty for a vibe-coded single-page site - we're talking kilobytes, not megabytes for a text-and-CSS page)",[36,14059,744,14060,14062],{},[51,14061,8251],{}," subdomain",[36,14064,14065],{},"Hostsmith branding shown on the site",[12,14067,14068],{},"For a personal site, a resume page, or a \"I built this in 5 minutes to share with my group chat\" project, the free tier is totally enough. A quick note on that 5 MB cap: it's fine for most one-pagers, but if you're going image-heavy (a photo portfolio, say), compress your JPEGs first (tools like Squoosh or TinyPNG do this in your browser) or jump to the Starter tier, which bumps the headroom to 50 MB. And on visitors: if you blow past 5,000 in a month, you'll need to upgrade - the site won't disappear, but plan ahead if you're expecting traffic.",[12,14070,14071],{},"If you want more sites, custom domains, or to drop the branding, the paid tiers scale up from there - Pro gets you 5 sites, 100K visitors, and custom domains.",[12,14073,14074,14075,14078,14079,14083],{},"It pairs really well with vibe coding because the mental model matches: AI gives you files, you drag files onto a host, site is live. No context switch. I wrote more about this approach in ",[40,14076,9848],{"href":14077},"\u002Fdrag-and-drop-website-hosting\u002F"," if you want the longer take, and ",[40,14080,14082],{"href":14081},"\u002Fhost-html-file-online\u002F","how to host an HTML file online"," covers the single-file case specifically.",[12,14085,14086],{},"The step-by-step, in case it helps:",[33,14088,14089,14092,14095,14101,14104],{},[36,14090,14091],{},"Sign up (email and password, nothing fancy).",[36,14093,14094],{},"Click \"new site.\"",[36,14096,14097,14098,14100],{},"Drag your folder (or just ",[51,14099,2535],{},") into the upload zone.",[36,14102,14103],{},"Wait a couple seconds.",[36,14105,14106,14107,8782,14109,14111],{},"You get a URL like ",[51,14108,3485],{},[51,14110,3488],{},", depending on region). Share it.",[12,14113,14114],{},"That's it. From AI prompt to live URL, once you've done it once, you really can run the whole loop in a few minutes.",[22,14116,14118],{"id":14117},"vibe-coding-a-personal-website-portfolio-resume-link-in-bio","Vibe coding a personal website (portfolio, resume, link-in-bio)",[12,14120,14121],{},"A vibe coding personal website is the perfect first project. They're small, the requirements are clear, and nobody else gets fired if you mess up. I'd argue everyone should have one - it's still the cleanest way to own your professional identity online, and vibe coding a personal website is now genuinely a one-evening task.",[12,14123,14124],{},"Some prompt templates that work well for a vibe coding personal website:",[12,14126,14127,14130,14131,13750,14133,14136,14137,14140],{},[237,14128,14129],{},"Portfolio."," \"Build a single-page portfolio for ",[1489,14132,1491],{},[1489,14134,14135],{},"role",". Sections: hero, selected work (3-6 projects with image, title, one-line description, link), about, contact. Style: ",[1489,14138,14139],{},"adjectives",". Single HTML file, vanilla CSS, mobile-first.\"",[12,14142,14143,14146,14147,14149],{},[237,14144,14145],{},"Resume."," \"Build a single-page web resume for ",[1489,14148,1491],{},". Sections: header with name and contact, summary, experience (reverse chronological), education, skills. Make it print-friendly with a clean print stylesheet. Single HTML file.\"",[12,14151,14152,14155,14156,14159],{},[237,14153,14154],{},"Link-in-bio."," \"Build a single-page link-in-bio site for ",[1489,14157,14158],{},"name\u002Fbrand",". Centered avatar, name, one-line bio, then 5-8 large tappable link buttons. Mobile-first, very large tap targets, dark mode by default. Single HTML file.\"",[12,14161,14162,14163,14167],{},"For more on this specific use case, the ",[40,14164,14166],{"href":14165},"\u002Fhost-portfolio-website\u002F","how to host a portfolio website"," guide goes deeper.",[22,14169,14171],{"id":14170},"common-pitfalls-and-how-to-fix-them","Common pitfalls (and how to fix them)",[12,14173,14174],{},"I'm not going to pretend this wasn't confusing the first time I tried it. A few things tripped me up.",[12,14176,14177,14180,14181,14184,14185,46],{},[237,14178,14179],{},"Broken images after export."," The AI used a placeholder URL or referenced an image with an absolute path like ",[51,14182,14183],{},"\u002FUsers\u002Fyou\u002FDesktop\u002Fphoto.jpg",". Fix: tell the AI to \"use placehold.co URLs for images so the site works anywhere\" or put your real images in the same folder and use relative paths like ",[51,14186,14187],{},"images\u002Fphoto.jpg",[12,14189,14190,14193,14194,14197,14198,14201,14202,14204],{},[237,14191,14192],{},"Framework projects you can't deploy."," Bolt or Lovable gave you a full Vite project, you didn't realize it, and now you're staring at a ",[51,14195,14196],{},"package.json",". Fix: either re-prompt asking for a \"static HTML output, no build step\" or actually run ",[51,14199,14200],{},"npm install && npm run build"," and upload the ",[51,14203,2745],{}," folder. The first is way easier.",[12,14206,14207,14210,14211,14214,14215,14218],{},[237,14208,14209],{},"Mobile looks broken."," AI sometimes forgets the viewport meta tag. Check your ",[51,14212,14213],{},"\u003Chead>"," has: ",[51,14216,14217],{},"\u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\">",". If not, ask the AI to add it.",[12,14220,14221,14224,14225,14227,14228,14231,14232,14234],{},[237,14222,14223],{},"Works in preview but breaks live."," Almost always a relative path issue. Look for any path starting with ",[51,14226,3478],{}," and either change to relative (",[51,14229,14230],{},".\u002Fstyles.css"," or just ",[51,14233,13753],{},") or tell the AI: \"use only relative paths so this works at any URL.\"",[12,14236,14237,14240,14241,14243,14244,2732],{},[237,14238,14239],{},"Missing fonts."," If the AI used a fancy font without a link, it'll fall back to Times New Roman live. Either add a Google Fonts link in the ",[51,14242,14213],{}," or stick with system fonts (",[51,14245,14246],{},"font-family: system-ui, sans-serif;",[12,14248,14249],{},"Cleanup checklist before deploying:",[115,14251,14252,14258,14261,14264],{},[36,14253,14254,14255,14257],{},"One ",[51,14256,2535],{}," at the root of the folder (always lowercase to be safe across hosts).",[36,14259,14260],{},"Viewport meta tag present.",[36,14262,14263],{},"All paths relative.",[36,14265,14266],{},"Open the file locally by double-clicking it. If it works in your browser like that, it'll work hosted.",[12,14268,14269,14270,14273],{},"This is also a good moment to note: if you tried ",[40,14271,366],{"href":14272},"\u002Fgithub-pages-alternatives\u002F"," and found the Git workflow annoying, the drag-and-drop approach is the obvious upgrade for vibe-coded sites.",[22,14275,14277],{"id":14276},"faqs","FAQs",[12,14279,14280,14283],{},[237,14281,14282],{},"Can you vibe code a website for free?","\nYes, end to end. Claude, ChatGPT, Bolt, Lovable, and v0 all have free tiers that handle a basic site. Hostsmith's free tier hosts it. Total cost: zero.",[12,14285,14286,14289],{},[237,14287,14288],{},"What is the best vibe coding website builder?","\nFor a single-page site, Claude Artifacts is my pick - it outputs one HTML file you can copy out and host immediately. For app-shaped projects with state or a backend, Bolt.new or Lovable are stronger. For developers already in the Next.js ecosystem, v0.dev fits best. There's no single \"best\" - it tracks what you're building.",[12,14291,14292,14295,14296,14298],{},[237,14293,14294],{},"How do I host a vibe-coded website?","\nSave the AI output as ",[51,14297,2535],{}," (and any companion files) in a folder, then drag that folder onto a static host like Hostsmith. You'll get a public URL back. No terminal, no Git, no build step needed if you prompted for a single HTML file.",[12,14300,14301,14304,14305,14307],{},[237,14302,14303],{},"Do you need to know any code?","\nNo. You should be willing to copy and paste a file, and roughly recognize what an ",[51,14306,2535],{}," is, but you don't need to write code. If something breaks, you describe the problem to the AI and ask for a fix.",[12,14309,14310,14313,14314,14316],{},[237,14311,14312],{},"Can I use a custom domain?","\nOn Hostsmith's free tier, no - you get a ",[51,14315,8251],{}," subdomain. Custom domains are on the Pro tier and up. Other free hosts vary; most \"free + custom domain\" combos involve more setup hassle.",[12,14318,14319,14322],{},[237,14320,14321],{},"Is a vibe-coded site production-ready?","\nFor a personal site, marketing landing page, or small portfolio - yes, totally. For a real SaaS app handling payments and user data, no, you should not vibe-code your way there without review. The AI writes plausible code, not always secure code.",[12,14324,14325,14328],{},[237,14326,14327],{},"How is this different from Wix or Squarespace?","\nYou own the code. You can move it to any host. The design isn't constrained to templates. The tradeoff is there's no point-and-click visual editor - changes go through the AI. For people who want to look unique and stay portable, vibe coding wins. For people who genuinely want a visual builder, the old players still make sense.",[12,14330,14331,14334,14335,14337],{},[237,14332,14333],{},"Can I export code from existing builders too?","\nSometimes. Webflow lets you export HTML\u002FCSS if you're on a paid plan - I wrote about that in ",[40,14336,1286],{"href":14010},". Most others (Wix, Squarespace) make it hard on purpose. Vibe coding sidesteps that whole lock-in problem.",[22,14339,14341],{"id":14340},"from-prompt-to-live-url-try-it-now","From prompt to live URL: try it now",[12,14343,14344],{},"Here's the short version, one more time:",[33,14346,14347,14350,14353,14356,14362,14365],{},[36,14348,14349],{},"Pick an AI tool (Claude or ChatGPT for the simplest path).",[36,14351,14352],{},"Use a prompt that says \"single HTML file, no frameworks, mobile responsive.\"",[36,14354,14355],{},"Iterate by chatting until it looks right.",[36,14357,14358,14359,14361],{},"Copy the code into an ",[51,14360,2535],{}," file in a folder.",[36,14363,14364],{},"Drag the folder onto a drag-and-drop host (Hostsmith is what I use).",[36,14366,14367],{},"Share the URL.",[12,14369,14370],{},"If you're anything like me, you probably just want the thing to work, and you don't want to spend a Saturday learning DNS records and Git commands to put up a one-page site. That's the whole point of vibe coding. Don't let the deployment step be the thing that ruins the vibe.",[12,14372,14373],{},"Go build something. The bar for \"having a website\" has never been lower, and that's actually kind of beautiful.",{"title":645,"searchDepth":646,"depth":646,"links":14375},[14376,14377,14378,14385,14386,14394,14395,14396,14397,14398],{"id":13590,"depth":646,"text":13591},{"id":8592,"depth":646,"text":8593},{"id":13645,"depth":646,"text":13646,"children":14379},[14380,14381,14382,14383,14384],{"id":13652,"depth":656,"text":13653},{"id":13709,"depth":656,"text":13710},{"id":13716,"depth":656,"text":13717},{"id":13740,"depth":656,"text":13741},{"id":13760,"depth":656,"text":13761},{"id":13770,"depth":646,"text":13771},{"id":13949,"depth":646,"text":13950,"children":14387},[14388,14389,14390,14391,14392,14393],{"id":13956,"depth":656,"text":13957},{"id":13969,"depth":656,"text":13970},{"id":13979,"depth":656,"text":11638},{"id":13994,"depth":656,"text":3260},{"id":14004,"depth":656,"text":13880},{"id":14014,"depth":656,"text":13900},{"id":14023,"depth":646,"text":14024},{"id":14117,"depth":646,"text":14118},{"id":14170,"depth":646,"text":14171},{"id":14276,"depth":646,"text":14277},{"id":14340,"depth":646,"text":14341},"2026-05-12","Vibe code a website in 5 minutes: give Claude a clear brief, copy the HTML it generates and drag it onto a static host. The deploy step most guides skip.","mdi:robot-happy",{"excerpt":14403},{"type":9,"value":14404},[14405],[12,14406,13581],{},{"title":13576,"description":14400},"vibe-coding-website",[13107,14410,1598],"Tutorial","avrCRyuJF3AdvnzUMVx0VfQGYSGT5Fq_ngTxmqRTw6o",{"id":14413,"title":14414,"alt":6,"author":685,"body":14415,"date":15056,"description":15057,"extension":666,"icon":9374,"image":6,"meta":15058,"navigation":673,"path":593,"published":6,"seo":15063,"stem":15064,"tags":15065,"__hash__":15066},"blog\u002Fgithub-pages-alternatives.md","GitHub Pages Alternatives: Easier Ways to Host Static Sites",{"type":9,"value":14416,"toc":15042},[14417,14420,14423,14426,14430,14433,14479,14489,14493,14496,14534,14538,14671,14674,14678,14681,14690,14697,14704,14707,14713,14717,14720,14727,14730,14734,14737,14740,14743,14747,14750,14753,14756,14760,14769,14772,14775,14778,14782,14807,14811,14814,14854,14857,14861,14864,14869,14879,14888,14896,14899,14906,14911,14914,14919,14928,14933,14936,14941,14947,14953,14955,14960,14963,14968,14971,14976,14983,14988,14991,14996,14999,15004,15010,15015,15018,15023,15026,15031,15034,15036,15039],[12,14418,14419],{},"Right, let's get into it. If you've landed here, you've probably already had a go with GitHub Pages, maybe Surge.sh too, and something's pushed you to look for an alternative to GitHub Pages. Could be the Jekyll build failing at 11pm the night before a deadline. Could be that you're teaching someone who doesn't know what Git is and you just want them to get a website online without a week of onboarding. Either way, you're in good company.",[12,14421,14422],{},"I've been shipping static sites since the days when \"deploy\" meant FTP and a lot of hope. GitHub Pages was brilliant when it showed up, free hosting tied to your repo, what's not to like. But it's been more or less the same product for a decade, and the web has moved on. Same goes for Surge, which I still have a soft spot for but which feels increasingly like a relic.",[12,14424,14425],{},"Here's a proper look at the alternatives, who they suit, and how to actually migrate off GitHub Pages in about five minutes if you're in a hurry.",[22,14427,14429],{"id":14428},"why-people-outgrow-github-pages-and-surge","Why people outgrow GitHub Pages (and Surge)",[12,14431,14432],{},"GitHub Pages is fine until it isn't. The usual pain points, in roughly the order I hear them:",[115,14434,14435,14441,14451,14457,14467,14473],{},[36,14436,14437,14440],{},[237,14438,14439],{},"Jekyll lock-in."," Pages builds Jekyll out of the box. Anything else (Hugo, Astro, Eleventy, plain Vite output) means wiring up GitHub Actions, and if you've not done that before it's a fiddle. Plenty of people just want to drop some HTML files and be done.",[36,14442,14443,14446,14447,14450],{},[237,14444,14445],{},"Silent build failures."," A dodgy plugin, a Ruby version mismatch, a typo in ",[51,14448,14449],{},"_config.yml",", and the build fails quietly. You find out when someone emails asking why the site is blank.",[36,14452,14453,14456],{},[237,14454,14455],{},"Soft caps."," 1 GB repo soft limit, 100 GB\u002Fmonth bandwidth. Fine for most, but if your site gets a bump on Hacker News you might notice.",[36,14458,14459,14462,14463,14466],{},[237,14460,14461],{},"No password protection."," Can't put a staging or client preview behind a login, full stop. The ",[40,14464,8209],{"href":8207,"rel":14465},[44]," walkthrough covers the two real options if you want to keep using Pages or move off.",[36,14468,14469,14472],{},[237,14470,14471],{},"No built-in preview-per-PR without wiring up Actions."," You can stitch something together with branches or custom workflows, but there's no out-of-the-box preview story like Netlify or Vercel give you.",[36,14474,14475,14478],{},[237,14476,14477],{},"Git-only workflow."," Great for devs. Awful for a student or a designer who just wants to publish a portfolio.",[12,14480,14481,14482,14485,14486,14488],{},"Surge.sh has its own problems. It's CLI-only (",[51,14483,14484],{},"npm install --global surge",", then ",[51,14487,560],{},"), which means you need Node on the machine. There's no dashboard to speak of. Custom domains on the free tier are still a nice touch, though HTTPS on custom domains requires a paid Surge plan. The project has gone quiet too, not much in the way of recent activity from the maintainer, and the blog hasn't updated in years. I wouldn't build a business on it today.",[22,14490,14492],{"id":14491},"what-to-look-for-in-a-github-pages-alternative","What to look for in a GitHub Pages alternative",[12,14494,14495],{},"Before you pick, think about what actually matters to you. In my experience it's one of these six things:",[33,14497,14498,14504,14510,14516,14522,14528],{},[36,14499,14500,14503],{},[237,14501,14502],{},"Deploy workflow."," Are you happy with Git push, or do you want drag-and-drop, or do you prefer a CLI? Pick the host that matches the skill level of whoever's actually going to use it.",[36,14505,14506,14509],{},[237,14507,14508],{},"Custom domains and HTTPS."," Table stakes in 2026. But check the free tier, some hosts gate custom domains behind a paid plan.",[36,14511,14512,14515],{},[237,14513,14514],{},"Honest free tiers."," Watch for sneaky caps on build minutes, bandwidth, or number of sites.",[36,14517,14518,14521],{},[237,14519,14520],{},"Build step or not."," If you've got a Hugo\u002FAstro\u002FNext project, you want either a host that builds it for you, or you're fine building locally and uploading the output folder.",[36,14523,14524,14527],{},[237,14525,14526],{},"Password protection."," For client previews, staging, member-only pages. Not all hosts offer this on free or cheap tiers.",[36,14529,14530,14533],{},[237,14531,14532],{},"Performance and CDN."," Most decent hosts are on a global edge now. Don't sweat this too much unless you've got a global audience.",[22,14535,14537],{"id":14536},"comparison-table-at-a-glance","Comparison table at a glance",[198,14539,14540,14560],{},[201,14541,14542],{},[204,14543,14544,14546,14549,14552,14555,14558],{},[207,14545,7054],{},[207,14547,14548],{},"Deploy workflow",[207,14550,14551],{},"Free tier bandwidth",[207,14553,14554],{},"Custom domain (free)",[207,14556,14557],{},"Build step",[207,14559,7077],{},[229,14561,14562,14579,14601,14619,14637,14655],{},[204,14563,14564,14566,14569,14572,14574,14577],{},[234,14565,366],{},[234,14567,14568],{},"Git push",[234,14570,14571],{},"~100 GB\u002Fmo soft",[234,14573,270],{},[234,14575,14576],{},"Jekyll built-in, others need Actions",[234,14578,2236],{},[204,14580,14581,14584,14589,14592,14595,14598],{},[234,14582,14583],{},"Surge.sh",[234,14585,14586,14587,8341],{},"CLI (",[51,14588,560],{},[234,14590,14591],{},"Undocumented",[234,14593,14594],{},"Yes (HTTPS paid)",[234,14596,14597],{},"No, upload only",[234,14599,14600],{},"Paid tier",[204,14602,14603,14605,14608,14611,14614,14616],{},[234,14604,389],{},[234,14606,14607],{},"Drag-and-drop \u002F zip",[234,14609,14610],{},"5k visitors\u002Fmo",[234,14612,14613],{},"Pro plan and up",[234,14615,14597],{},[234,14617,14618],{},"Paid (password or email whitelist)",[204,14620,14621,14623,14626,14629,14631,14634],{},[234,14622,2897],{},[234,14624,14625],{},"Git \u002F drag-drop \u002F CLI",[234,14627,14628],{},"~100 GB\u002Fmo",[234,14630,270],{},[234,14632,14633],{},"Yes, 300 build min",[234,14635,14636],{},"Paid",[204,14638,14639,14641,14644,14647,14649,14652],{},[234,14640,289],{},[234,14642,14643],{},"Git \u002F direct upload",[234,14645,14646],{},"Unlimited (fair use)",[234,14648,270],{},[234,14650,14651],{},"Yes, 500 builds\u002Fmo",[234,14653,14654],{},"Paid (Access)",[204,14656,14657,14659,14662,14665,14667,14669],{},[234,14658,2894],{},[234,14660,14661],{},"Git \u002F CLI",[234,14663,14664],{},"100 GB\u002Fmo hobby",[234,14666,270],{},[234,14668,270],{},[234,14670,14636],{},[12,14672,14673],{},"Numbers change, so treat this as a snapshot of what's roughly true as of early 2026. Always check the host's pricing page before you commit.",[22,14675,14677],{"id":14676},"hostsmith-the-drag-and-drop-alternative","Hostsmith - the drag-and-drop alternative",[12,14679,14680],{},"I work on Hostsmith, so take this as you will, but it's the host I'd have wanted in my teaching days.",[12,14682,14683,14684,9227,14686,14689],{},"The pitch is deliberately narrow: you've got a folder of HTML, CSS, JS (or the ",[51,14685,53],{},[51,14687,14688],{},"_site"," output from any static site generator), you drag it into the browser, and it's live in seconds. No Git. No CLI. No build step running somewhere in the cloud. No YAML file to hand-craft. If you can send an email attachment, you can deploy a site.",[12,14691,14692,14693,14696],{},"That makes it a genuine option for the people GitHub Pages doesn't serve well: students submitting a class project, designers shipping a portfolio, hobbyists who don't want to learn Git just to publish a recipe page. Our ",[40,14694,14695],{"href":189},"drag and drop deploy"," flow is the whole product, not a bolt-on.",[12,14698,14699,14700,14703],{},"Honest free tier: 1 site, 5,000 monthly visitors, 5 MB storage, a ",[51,14701,14702],{},"yoursite.hostsmith.link"," subdomain, and some light Hostsmith branding. The 5 MB cap is the one that catches people out, it's fine for a plain HTML site or a lean portfolio, but if you've got hero videos you'll blow through it. Paid plans come in Starter, Pro, Agency, and Premium tiers. Starter lifts the visitor cap and drops the branding but is still subdomain-only; custom domains unlock from the Pro plan up.",[12,14705,14706],{},"Private Sites are live from the Starter plan up - the pain point GitHub Pages never fixed. You can gate a site with either a shared password or an email whitelist, so client previews and staging sites go behind a login with no reverse proxy or third-party auth to wire up. What Hostsmith doesn't do: no built-in build step, you build locally and upload the output.",[12,14708,14709,14710,14712],{},"Best for: students, portfolio owners, designers, \"I just need this HTML file online\" people. And anyone who wants to ",[40,14711,7852],{"href":76}," without learning Git first.",[22,14714,14716],{"id":14715},"cloudflare-pages-best-free-tier-power-user-pick","Cloudflare Pages - best free-tier power user pick",[12,14718,14719],{},"Honestly, if you're comfortable with Git and want the most generous free tier going, Cloudflare Pages is hard to beat. Unlimited sites, unlimited bandwidth (subject to Cloudflare's fair-use policy, but in practice far more headroom than anyone else), 500 builds a month as of early 2026, and it sits on Cloudflare's global edge so latency is silly low nearly everywhere.",[12,14721,14722,14723,14726],{},"Downsides: it's Git-based by default (there is a direct upload option via ",[51,14724,14725],{},"wrangler",", but most folks use Git), and if you want password protection you need Cloudflare Access, which is fiddly to set up for beginners.",[12,14728,14729],{},"Pick this if: you're a developer who wants serious free-tier headroom and doesn't mind a bit of config.",[22,14731,14733],{"id":14732},"netlify-best-for-jamstack-builds","Netlify - best for Jamstack builds",[12,14735,14736],{},"Netlify basically invented the modern deploy-on-push experience for static sites. Connect a repo, push, it builds, it's live. Deploy previews per PR are genuinely brilliant for team workflows. Forms (100 submissions\u002Fmo free), functions, identity, it's a whole platform.",[12,14738,14739],{},"Free tier gives you ~100 GB bandwidth and 300 build minutes as of early 2026. The build minutes are the gotcha: a slow Next.js or Gatsby build can eat through them surprisingly fast if you're pushing often. Check their pricing page before you commit, the numbers drift.",[12,14741,14742],{},"Pick this if: you want a proper Jamstack pipeline with previews, forms, and functions, and you don't mind when the bill arrives once you outgrow the free tier.",[22,14744,14746],{"id":14745},"vercel-best-for-framework-native","Vercel - best for framework-native",[12,14748,14749],{},"Vercel is Next.js-first, and if that's your stack it's basically the default choice. Automatic preview URLs, image optimisation, edge functions, all wired up with zero config. They host plain static sites too, perfectly well.",[12,14751,14752],{},"The catch: pricing gets aggressive above the Hobby tier, and Hobby is intended for personal, non-commercial projects per Vercel's fair-use policy. If you're running anything that generates revenue, you're expected to be on Pro, which is $20\u002Fseat\u002Fmo minimum.",[12,14754,14755],{},"Pick this if: you're building in Next.js or another framework Vercel has tuned for.",[22,14757,14759],{"id":14758},"surgesh-simple-cli-for-developers","Surge.sh - simple CLI for developers",[12,14761,14762,14763,14765,14766,14768],{},"Still worth a mention. One line install (",[51,14764,14484],{},"), one command to deploy (",[51,14767,560],{},"), custom domains on the free tier (though HTTPS on custom domains requires a paid Surge plan). For quick throwaway deploys from the terminal it's still quite nice.",[12,14770,14771],{},"But: no dashboard worth the name, requires Node on your machine, and the project hasn't had serious attention in a long time. I wouldn't put a client site on it in 2026.",[12,14773,14774],{},"If you're hunting for a Surge.sh alternative specifically, Hostsmith and Cloudflare Pages are the closest drop-in replacements, depending on whether you want drag-and-drop or Git-based deploys.",[12,14776,14777],{},"Pick this if: you want a quick CLI deploy for a throwaway demo and you already have Node installed.",[22,14779,14781],{"id":14780},"honorable-mentions","Honorable mentions",[115,14783,14784,14789,14795,14801],{},[36,14785,14786,14788],{},[237,14787,9428],{}," - static sites free with 100 GB bandwidth and a global CDN, with a modest monthly build minute cap on the free plan (check current limits before committing). Pick this if you're already using Render for backends.",[36,14790,14791,14794],{},[237,14792,14793],{},"Firebase Hosting"," - 10 GB storage, 360 MB\u002Fday transfer as of early 2026. Pick this if you're deep in the Google\u002FFirebase ecosystem.",[36,14796,14797,14800],{},[237,14798,14799],{},"GitLab Pages"," - similar vibe to GitHub Pages but on GitLab, with their CI. Pick this if you host your code on GitLab anyway.",[36,14802,14803,14806],{},[237,14804,14805],{},"Neocities"," - 1 GB storage free, community-focused, very much in the spirit of the old web. Pick this if you want a personal site with character and don't need a custom domain.",[22,14808,14810],{"id":14809},"github-pages-vs-netlify-vs-hostsmith-which-should-you-pick","GitHub Pages vs Netlify vs Hostsmith: which should you pick?",[12,14812,14813],{},"I get asked this a lot. Quick decision tree:",[115,14815,14816,14822,14828,14834,14840,14848],{},[36,14817,14818,14821],{},[237,14819,14820],{},"Student submitting a class project, or a designer shipping a portfolio?"," Hostsmith. Zero learning curve.",[36,14823,14824,14827],{},[237,14825,14826],{},"Open-source project docs tied to a repo?"," GitHub Pages or Cloudflare Pages. Keep the docs next to the code.",[36,14829,14830,14833],{},[237,14831,14832],{},"Marketing site with forms, previews, edge functions?"," Netlify.",[36,14835,14836,14839],{},[237,14837,14838],{},"Framework-native app in Next.js?"," Vercel.",[36,14841,14842,14845,14846,46],{},[237,14843,14844],{},"Throwaway CLI deploy from the terminal?"," Surge, or Cloudflare's ",[51,14847,14725],{},[36,14849,14850,14853],{},[237,14851,14852],{},"Serious free-tier headroom and you're comfortable with Git?"," Cloudflare Pages.",[12,14855,14856],{},"Not going to lie, most people reading this probably fall into one of the first two buckets, and the answer is \"whichever matches the workflow of the person doing the work\".",[22,14858,14860],{"id":14859},"how-to-move-off-github-pages-upload-in-5-minutes-dns-can-take-up-to-an-hour","How to move off GitHub Pages: upload in 5 minutes, DNS can take up to an hour",[12,14862,14863],{},"This is the bit every other article skips. Here's the actual walkthrough.",[12,14865,14866],{},[237,14867,14868],{},"Step 1: Get your built site as a folder.",[12,14870,14871,14872,14875,14876,46],{},"If you're using Jekyll, run ",[51,14873,14874],{},"bundle exec jekyll build"," locally. The output is in ",[51,14877,14878],{},"_site\u002F",[12,14880,14881,14882,14885,14886,46],{},"If you're using Hugo, ",[51,14883,14884],{},"hugo"," (no args). Output in ",[51,14887,2741],{},[12,14889,14890,14891,14893,14894,46],{},"If you're using Astro, ",[51,14892,2475],{},". Output in ",[51,14895,2745],{},[12,14897,14898],{},"If it's plain HTML already, you're done, that folder is your site.",[12,14900,14901,14902,14905],{},"Tip: if you were relying on Pages to build for you and don't have the project locally, clone the repo and build it on your machine. Or let GitHub Actions do one last build and download the artifact. This is the same thing you'd do to ",[40,14903,14904],{"href":1285},"export your built site"," from any builder.",[12,14907,14908],{},[237,14909,14910],{},"Step 2: Zip the folder (or drag it directly).",[12,14912,14913],{},"Most drag-and-drop hosts accept either a folder or a zip. Hostsmith takes both. Keep it under the free-tier upload limit or upgrade if you've got larger assets.",[12,14915,14916],{},[237,14917,14918],{},"Step 3: Upload to your new host.",[12,14920,14921,14922,14924,14925,14927],{},"On Hostsmith, it's drag the zip onto the dashboard. Site is live on a ",[51,14923,8251],{}," subdomain in seconds. On Netlify, same deal via ",[40,14926,239],{"href":674},". On Cloudflare Pages, Direct Upload option from the dashboard.",[12,14929,14930],{},[237,14931,14932],{},"Step 4: Point your custom domain.",[12,14934,14935],{},"If you were using a custom domain on GitHub Pages (via CNAME file), update the DNS records to point at the new host. Each host has its own records to set, but it's usually one CNAME or one A record. Give DNS 15 minutes to an hour to propagate. HTTPS should provision automatically.",[12,14937,14938],{},[237,14939,14940],{},"Step 5: Delete the old repo's Pages setting.",[12,14942,14943,14944,46],{},"In your GitHub repo settings, turn off Pages. Otherwise you'll have a zombie old version floating around on ",[51,14945,14946],{},"username.github.io",[12,14948,14949,14950,46],{},"That's it. The upload itself is a five-minute job; DNS can stretch it to half an hour or so if it's stroppy. If you're moving a portfolio specifically, there's more detail in the guide on how to ",[40,14951,14952],{"href":3513},"host your portfolio website",[22,14954,3129],{"id":3128},[12,14956,14957],{},[237,14958,14959],{},"What is the best alternative to GitHub Pages in 2026?",[12,14961,14962],{},"There's no single winner, it depends on what you're doing. For drag-and-drop simplicity, Hostsmith. For maximum free-tier headroom if you're comfortable with Git, Cloudflare Pages. For Jamstack pipelines with previews and forms, Netlify. For Next.js, Vercel. Pick the one that matches your workflow, not the one with the shiniest landing page.",[12,14964,14965],{},[237,14966,14967],{},"Is there a free GitHub Pages alternative?",[12,14969,14970],{},"Several. Cloudflare Pages (most generous), Netlify, Vercel (non-commercial), Render, Firebase, and Hostsmith's free tier all offer genuinely free static hosting. Each has different caps, pick based on what matters to you.",[12,14972,14973],{},[237,14974,14975],{},"Can I host a static site without GitHub?",[12,14977,14978,14979,14982],{},"Yes, you can host a static site without GitHub entirely. Hostsmith, Surge, Netlify (drag-drop mode), and Neocities all let you publish without ever touching a GitHub account. If you want ",[40,14980,14981],{"href":3628},"alternatives that don't need a GitHub account"," at all, there are plenty.",[12,14984,14985],{},[237,14986,14987],{},"GitHub Pages vs Cloudflare Pages, which is better?",[12,14989,14990],{},"For open-source docs tied to a repo, GitHub Pages is fine and the integration is hard to beat. For almost everything else, Cloudflare Pages wins on free-tier bandwidth, build minutes, edge performance, and framework support. The trade-off is a slightly steeper setup if you want things like access control.",[12,14992,14993],{},[237,14994,14995],{},"Does Hostsmith support Jekyll, Hugo, or Astro?",[12,14997,14998],{},"Yes, with a caveat: you build locally and upload the output folder. Hostsmith hosts static files, so whatever your SSG spits out (HTML, CSS, JS, assets) it'll serve. There's no built-in build step, which is a feature if you want simplicity and a bug if you want auto-deploy-on-push.",[12,15000,15001],{},[237,15002,15003],{},"What's the easiest way to host an HTML file online?",[12,15005,15006,15007,15009],{},"Genuinely, drag-and-drop hosts. No Git, no CLI, no build. You have an ",[51,15008,2535],{},", you drag it, you get a URL. Five seconds.",[12,15011,15012],{},[237,15013,15014],{},"Is Surge.sh still maintained?",[12,15016,15017],{},"Technically yes, it still works. Practically, there's been very little recent activity and no real dashboard. I'd use it for throwaways, not for anything I care about.",[12,15019,15020],{},[237,15021,15022],{},"Can I password-protect a site on Hostsmith?",[12,15024,15025],{},"Yes, on Starter plan and up. You can either set a shared password or restrict access to an email whitelist. Handy for client previews, staging sites, or anything you don't want indexed.",[12,15027,15028],{},[237,15029,15030],{},"Can I use a custom domain on the free tier?",[12,15032,15033],{},"Depends on the host. Surge, Netlify, Cloudflare Pages, and Vercel say yes (Surge's free custom domain doesn't include HTTPS, mind). Hostsmith's free tier is subdomain-only; custom domains start at the Pro plan. GitHub Pages allows custom domains free on public repos.",[8509,15035],{},[12,15037,15038],{},"So there you have it. Your mileage may vary, obviously, the best host is the one that matches how you (or the person you're helping) actually work. If you've got a folder of HTML and you just want it online without learning anything new, you know where to find us. If you're knee-deep in Next.js and GitHub Actions, you probably don't need me to tell you which way to go.",[12,15040,15041],{},"Either way, you don't have to stay on GitHub Pages if it's making your life harder than it should be.",{"title":645,"searchDepth":646,"depth":646,"links":15043},[15044,15045,15046,15047,15048,15049,15050,15051,15052,15053,15054,15055],{"id":14428,"depth":646,"text":14429},{"id":14491,"depth":646,"text":14492},{"id":14536,"depth":646,"text":14537},{"id":14676,"depth":646,"text":14677},{"id":14715,"depth":646,"text":14716},{"id":14732,"depth":646,"text":14733},{"id":14745,"depth":646,"text":14746},{"id":14758,"depth":646,"text":14759},{"id":14780,"depth":646,"text":14781},{"id":14809,"depth":646,"text":14810},{"id":14859,"depth":646,"text":14860},{"id":3128,"depth":646,"text":3129},"2026-04-18","GitHub Pages is fine until Jekyll breaks at 11pm. Five alternatives compared on deploy flow, free tiers, and password protection - with a pick per use case.",{"excerpt":15059},{"type":9,"value":15060},[15061],[12,15062,14419],{},{"title":14414,"description":15057},"github-pages-alternatives",[3668,366,3261],"Om76fUucdpdmgG0-ZliaTUbHrHNNQ9loLKPU_54icKs",{"id":15068,"title":15069,"alt":6,"author":7,"body":15070,"date":16453,"description":16454,"extension":666,"icon":1586,"image":6,"meta":16455,"navigation":673,"path":1285,"published":6,"seo":16464,"stem":16465,"tags":16466,"__hash__":16469},"blog\u002Fexport-code-from-webflow.md","How to Export Code From Webflow: 2026 Migration Checklist",{"type":9,"value":15071,"toc":16431},[15072,15079,15082,15086,15095,15101,15104,15134,15138,15141,15146,15397,15400,15404,15432,15436,15455,15460,15532,15535,15539,15542,15562,15565,15596,15599,15603,15606,15660,15664,15694,15704,15721,15727,15731,15734,15739,15742,15772,15775,15859,15864,15867,15872,15895,15898,15902,15910,15922,15932,16029,16037,16041,16047,16093,16096,16139,16148,16172,16181,16187,16199,16203,16206,16212,16215,16270,16273,16277,16284,16304,16308,16314,16322,16325,16328,16334,16338,16344,16358,16364,16368,16371,16373,16378,16381,16386,16389,16394,16400,16405,16412,16417,16420,16425,16428],[12,15073,15074,15075,15078],{},"To export code from Webflow, open the site, press Shift + E (or go to Main menu > Code export), click ",[237,15076,15077],{},"Prepare ZIP"," and download the file. You need a paid Workspace plan for it; the cheapest is Freelancer at $16 a month billed yearly, as of October 2026. The ZIP leaves out CMS content, Ecommerce, form handling, site search, password protection, secondary locales, the sitemap, robots.txt and 301 redirects.",[12,15080,15081],{},"That's the easy part. If you build client sites in a Freelancer or Agency Workspace, Webflow's new Site plan prices reach them at their first renewal or billable change on or after November 16, 2026, and you might be deciding which ones to migrate. A live client site is a different job from a ZIP on your desktop: Google knows its URLs, the forms have to keep landing somewhere, and the old site shouldn't go dark early. This is the full Webflow migration checklist: what to save, how to keep every URL working, and when to switch DNS.",[22,15083,15085],{"id":15084},"what-does-webflows-code-export-include","What does Webflow's code export include?",[12,15087,15088,15089,15094],{},"Webflow's code export is a ZIP of the whole site as static HTML, CSS and JavaScript, plus your images; there's no per-page option. Per ",[40,15090,15093],{"href":15091,"rel":15092},"https:\u002F\u002Fhelp.webflow.com\u002Fhc\u002Fen-us\u002Farticles\u002F33961386739347-How-do-I-export-my-Webflow-site-code",[44],"Webflow's help center",", forms, navbars, sliders, tabs and interactions all rely on the exported JS, so don't delete it. Here's the shape of a real export, going by Webflow exports people have published on GitHub:",[2500,15096,15099],{"className":15097,"code":15098,"language":2505},[2503],"your-site\u002F\n  index.html\n  about.html\n  detail_post.html      \u003C- CMS template page, exported empty\n  401.html\n  404.html\n  css\u002F\n    normalize.css\n    webflow.css\n    your-site.webflow.css\n  js\u002F\n    webflow.js\n  images\u002F\n  fonts\u002F                \u003C- custom fonts, if you uploaded any\n  documents\u002F            \u003C- other uploads, such as Lottie JSON files\n",[51,15100,15098],{"__ignoreMap":645},[12,15102,15103],{},"Two more things worth knowing:",[115,15105,15106,15120],{},[36,15107,15108,15114,15115,2514,15117,15119],{},[237,15109,15110,15111,15113],{},"Pages are ",[51,15112,11377],{}," files, and links point at them."," Your nav links to ",[51,15116,4379],{},[51,15118,4383],{},". Remember that. It comes back in the URL section.",[36,15121,15122,15125,15126,15129,15130,15133],{},[237,15123,15124],{},"jQuery still loads from Webflow."," Exported pages pull jQuery 3.5.1 from ",[51,15127,15128],{},"d3e54v103j8qbb.cloudfront.net",", Webflow's CloudFront address, and some newer exports also load scripts from ",[51,15131,15132],{},"cdn.prod.website-files.com",". It works, but it isn't fully self-contained.",[22,15135,15137],{"id":15136},"what-does-webflows-code-export-leave-behind","What does Webflow's code export leave behind?",[12,15139,15140],{},"A Webflow export is a snapshot of the front end. Anything that needs Webflow's servers stays behind:",[12,15142,15143],{},[18,15144,15145],{},"What the Webflow export keeps and leaves behind, checked October 2026.",[198,15147,15148,15163],{},[201,15149,15150],{},[204,15151,15152,15154,15157,15160],{},[207,15153,12155],{},[207,15155,15156],{},"In the export?",[207,15158,15159],{},"What to do",[207,15161,15162],{},"Source",[229,15164,15165,15181,15199,15220,15235,15250,15266,15285,15300,15325,15341,15361,15378],{},[204,15166,15167,15170,15173,15176],{},[234,15168,15169],{},"CMS Collection content",[234,15171,15172],{},"No. Template pages export empty and Collection lists show their empty state",[234,15174,15175],{},"Export a CSV per Collection, then pick a route below",[234,15177,15178],{},[40,15179,1681],{"href":15091,"rel":15180},[44],[204,15182,15183,15186,15189,15192],{},[234,15184,15185],{},"CMS images and files",[234,15187,15188],{},"No. The CSV lists them as Webflow-hosted URLs, which break if the site is deleted",[234,15190,15191],{},"Download them before you delete anything",[234,15193,15194],{},[40,15195,15198],{"href":15196,"rel":15197},"https:\u002F\u002Fhelp.webflow.com\u002Fhc\u002Fen-us\u002Farticles\u002F33961290794771-How-do-I-import-content-into-the-Webflow-CMS",[44],"CMS CSV export",[204,15200,15201,15204,15207,15210],{},[234,15202,15203],{},"Forms",[234,15205,15206],{},"They render but don't submit. File upload and reCAPTCHA don't work. Past submissions are exported separately",[234,15208,15209],{},"Point each form at a form service and export the submissions CSV",[234,15211,15212,54,15215],{},[40,15213,1681],{"href":15091,"rel":15214},[44],[40,15216,15219],{"href":15217,"rel":15218},"https:\u002F\u002Fhelp.webflow.com\u002Fhc\u002Fen-us\u002Farticles\u002F33961344521235-Form-submissions",[44],"Form submissions",[204,15221,15222,15224,15227,15230],{},[234,15223,885],{},[234,15225,15226],{},"No (products and checkout)",[234,15228,15229],{},"Stay on Webflow",[234,15231,15232],{},[40,15233,1681],{"href":15091,"rel":15234},[44],[204,15236,15237,15240,15242,15245],{},[234,15238,15239],{},"Site search",[234,15241,2236],{},[234,15243,15244],{},"Add a third-party search tool or drop search",[234,15246,15247],{},[40,15248,1681],{"href":15091,"rel":15249},[44],[204,15251,15252,15255,15258,15261],{},[234,15253,15254],{},"Secondary locales",[234,15256,15257],{},"No. Only the primary locale is exported",[234,15259,15260],{},"Stay on Webflow, or rebuild the locale pages",[234,15262,15263],{},[40,15264,1681],{"href":15091,"rel":15265},[44],[204,15267,15268,15271,15274,15280],{},[234,15269,15270],{},"Password protection (page and site)",[234,15272,15273],{},"No. Protected pages become public",[234,15275,15276,15279],{},[40,15277,15278],{"href":175},"Password-protect the new site"," with the host's access control",[234,15281,15282],{},[40,15283,1681],{"href":15091,"rel":15284},[44],[204,15286,15287,15290,15292,15295],{},[234,15288,15289],{},"Code components",[234,15291,2236],{},[234,15293,15294],{},"Rebuild them outside Webflow",[234,15296,15297],{},[40,15298,1681],{"href":15091,"rel":15299},[44],[204,15301,15302,15308,15311,15314],{},[234,15303,15304,429,15306],{},[51,15305,4508],{},[51,15307,4505],{},[234,15309,15310],{},"No. Webflow generates them as hosting features",[234,15312,15313],{},"Save the live files and upload them with the export",[234,15315,15316,54,15321],{},[40,15317,15320],{"href":15318,"rel":15319},"https:\u002F\u002Fhelp.webflow.com\u002Fhc\u002Fen-us\u002Farticles\u002F33961355371667-Create-a-sitemap-in-Webflow",[44],"Sitemap",[40,15322,4505],{"href":15323,"rel":15324},"https:\u002F\u002Fhelp.webflow.com\u002Fhc\u002Fen-us\u002Farticles\u002F41954080897683-Set-robots-txt-rules",[44],[204,15326,15327,15329,15332,15335],{},[234,15328,4757],{},[234,15330,15331],{},"No, but you can export them as a CSV",[234,15333,15334],{},"Recreate them on a host with redirect rules",[234,15336,15337],{},[40,15338,4757],{"href":15339,"rel":15340},"https:\u002F\u002Fhelp.webflow.com\u002Fhc\u002Fen-us\u002Farticles\u002F33961211526291-Import-export-301-redirects",[44],[204,15342,15343,15346,15352,15355],{},[234,15344,15345],{},"Lottie animations",[234,15347,15348,15349],{},"Yes, but they won't load from ",[51,15350,15351],{},"file:\u002F\u002F",[234,15353,15354],{},"Test from a local web server",[234,15356,15357],{},[40,15358,15360],{"href":15091,"rel":15359},[44],"Code export FAQ",[204,15362,15363,15366,15368,15371],{},[234,15364,15365],{},"Custom code embeds",[234,15367,270],{},[234,15369,15370],{},"Check third-party scripts still load on the new domain",[234,15372,15373],{},[40,15374,15377],{"href":15375,"rel":15376},"https:\u002F\u002Fhelp.webflow.com\u002Fhc\u002Fen-us\u002Farticles\u002F33961332238611-Custom-code-embed",[44],"Custom code embed",[204,15379,15380,15383,15389,15392],{},[234,15381,15382],{},"Interactions",[234,15384,15385,15386],{},"Yes, they run from the exported ",[51,15387,15388],{},"webflow.js",[234,15390,15391],{},"Click through every animated section",[234,15393,15394],{},[40,15395,1681],{"href":15091,"rel":15396},[44],[12,15398,15399],{},"A mostly static site (portfolio, marketing site, landing page) is covered once forms and the files below are handled. CMS content needs a plan of its own.",[502,15401,15403],{"id":15402},"cms-content-three-routes","CMS content: three routes",[33,15405,15406,15420,15426],{},[36,15407,15408,15411,15412,15415,15416,15419],{},[237,15409,15410],{},"Rebuild from the CSV."," Each Collection exports as a CSV, with rich text as HTML, so a static site generator or a few hand-built pages can recreate it. If the client needs a real CMS afterward, ",[40,15413,15414],{"href":1273},"moving from Webflow to WordPress"," is the other well-worn path, and ",[40,15417,15418],{"href":1263},"moving a Webflow site to Framer"," works from the same CSVs.",[36,15421,15422,15425],{},[237,15423,15424],{},"Keep it on Webflow."," For CMS-heavy sites, Webflow Premium at $25 a month billed yearly ($39 monthly, as of October 2026) is often the sensible answer. Export the brochure sites, keep the content-heavy ones.",[36,15427,15428,15431],{},[237,15429,15430],{},"Crawl a snapshot."," A crawler saves every published CMS page as plain HTML, frozen as it looks today. It's workable for your own sites, or for a client's with their sign-off once you've read Webflow's acceptable use policy. The checks are in the exporters section below.",[22,15433,15435],{"id":15434},"which-webflow-plan-do-you-need-to-export-code","Which Webflow plan do you need to export code?",[12,15437,15438,15439,15442,15443,15447,15448,15450,15451,15454],{},"Code export lives on paid ",[237,15440,15441],{},"Workspace plans","; a Site plan or the free Starter Workspace won't do, per ",[40,15444,15093],{"href":15445,"rel":15446},"https:\u002F\u002Fhelp.webflow.com\u002Fhc\u002Fen-us\u002Farticles\u002F33961218263059-Choose-a-Workspace-plan",[44],". As of October 2026, the cheapest way in is ",[237,15449,789],{}," at $16 a month billed yearly. In-house teams start at ",[237,15452,15453],{},"Core",", $19 a month billed yearly.",[12,15456,15457],{},[18,15458,15459],{},"Webflow Workspace plans per webflow.com\u002Fpricing, checked October 2026.",[198,15461,15462,15475],{},[201,15463,15464],{},[204,15465,15466,15468,15470,15472],{},[207,15467,952],{},[207,15469,776],{},[207,15471,779],{},[207,15473,15474],{},"Code export?",[229,15476,15477,15487,15499,15512,15522],{},[204,15478,15479,15481,15483,15485],{},[234,15480,6783],{},[234,15482,6786],{},[234,15484,6786],{},[234,15486,2236],{},[204,15488,15489,15491,15494,15497],{},[234,15490,15453],{},[234,15492,15493],{},"$19\u002Fmo",[234,15495,15496],{},"$28\u002Fmo",[234,15498,270],{},[204,15500,15501,15504,15507,15510],{},[234,15502,15503],{},"Growth",[234,15505,15506],{},"$49\u002Fmo",[234,15508,15509],{},"$60\u002Fmo",[234,15511,270],{},[204,15513,15514,15516,15518,15520],{},[234,15515,789],{},[234,15517,792],{},[234,15519,795],{},[234,15521,270],{},[204,15523,15524,15526,15528,15530],{},[234,15525,803],{},[234,15527,806],{},[234,15529,809],{},[234,15531,270],{},[12,15533,15534],{},"Code export belongs to the Workspace, so one paid plan covers every site in it.",[502,15536,15538],{"id":15537},"third-party-webflow-exporters","Third-party Webflow exporters",[12,15540,15541],{},"Look for a free way to export Webflow code and you'll find tools that skip Webflow's export and crawl the published site instead:",[115,15543,15544,15550,15556],{},[36,15545,15546,15549],{},[237,15547,15548],{},"ExFlow"," (exflow.site, which the old Webflow Exporter address now redirects to). It says it includes CMS collection pages, with a free tier and paid plans from $5.99 a month (October 2026).",[36,15551,15552,15555],{},[237,15553,15554],{},"NocodeXport"," (nocodexport.com). Paste a URL, get a ZIP; full-site exports are a one-time paid purchase per site (October 2026).",[36,15557,15558,15561],{},[237,15559,15560],{},"HTTrack and wget."," General-purpose copiers that mirror any public site.",[12,15563,15564],{},"You get a frozen snapshot of the rendered pages, CMS item pages included. Three checks before you rely on one:",[115,15566,15567,15573,15590],{},[36,15568,15569,15572],{},[237,15570,15571],{},"Asset paths."," Search the saved HTML for Webflow domains. Images or scripts still loading from Webflow's servers will disappear with the Webflow site.",[36,15574,15575,15578,15579,429,15584,15589],{},[237,15576,15577],{},"The terms."," Read Webflow's ",[40,15580,15583],{"href":15581,"rel":15582},"https:\u002F\u002Fwebflow.com\u002Flegal\u002Fterms",[44],"terms",[40,15585,15588],{"href":15586,"rel":15587},"https:\u002F\u002Fwebflow.com\u002Flegal\u002Faup",[44],"acceptable use policy"," (effective October 6, 2026), which has a clause about page-scraping tools, plus the tool's own disclaimer. ExFlow's footer says complying with Webflow's terms is your responsibility.",[36,15591,15592,15595],{},[237,15593,15594],{},"Forms and interactions."," Same rules as the official export.",[12,15597,15598],{},"I'm not endorsing any of these. For a paying client's site, the official export plus the checklist below is the path I'd stand behind.",[22,15600,15602],{"id":15601},"before-you-export-what-to-save-from-webflow","Before you export: what to save from Webflow",[12,15604,15605],{},"Before you export, save the sitemap and robots.txt, the 301 redirects CSV, a CSV per CMS Collection plus its images and files, past form submissions, any secondary-locale URLs and each page's SEO settings, then point the forms at their new backend. Treat it like a save point before a boss fight: once the Site plan ends, Webflow unpublishes the site, and some of this gets a lot harder to recover. Work through it while the site is still live:",[33,15607,15608,15620,15626,15632,15638,15644,15650],{},[36,15609,15610,15619],{},[237,15611,15612,15613,429,15616,46],{},"Save ",[51,15614,15615],{},"\u002Fsitemap.xml",[51,15617,15618],{},"\u002Frobots.txt"," Open both on the live domain and save the files. The sitemap doubles as your list of every URL that has to keep working.",[36,15621,15622,15625],{},[237,15623,15624],{},"Export the 301 redirects."," Site settings > Publishing > 301 redirects > Export. Webflow emails you a link to the CSV.",[36,15627,15628,15631],{},[237,15629,15630],{},"Export a CSV per CMS Collection."," CMS panel > pick the Collection > Export, once per locale. Then download the images and files: Webflow's help center warns that the links in the CSV break if you delete the site, images inside rich text included.",[36,15633,15634,15637],{},[237,15635,15636],{},"Export form submissions."," Site settings > Forms > View submissions > Export all, per form. Uploaded files come through as URLs, so download those too.",[36,15639,15640,15643],{},[237,15641,15642],{},"List secondary-locale URLs."," With Localize on, the sitemap carries hreflang tags for every locale. Decide now where those pages go.",[36,15645,15646,15649],{},[237,15647,15648],{},"Set each form's Custom action"," in the Designer (see the forms section). Do it after step 4: once a form uses a Custom action, Webflow stops storing its submissions.",[36,15651,15652,15655,15656,15659],{},[237,15653,15654],{},"Check each page's SEO settings."," Title, meta description and Open Graph image live in Page settings. If Site settings > SEO > Global canonical tag URL is empty, set it to your site's default domain (like ",[51,15657,15658],{},"https:\u002F\u002Fwww.example.com",", no trailing slash) and publish before you export.",[22,15661,15663],{"id":15662},"how-to-export-a-webflow-site-step-by-step","How to export a Webflow site (step by step)",[33,15665,15666,15672,15678,15684,15689],{},[36,15667,15668,15671],{},[237,15669,15670],{},"Open your site"," in Webflow.",[36,15673,15674,15677],{},[237,15675,15676],{},"Open Code export."," Click the \"W\" logo in the upper-left corner for the Main menu, then choose Code export. Or press Shift + E.",[36,15679,15680,15683],{},[237,15681,15682],{},"Minify the HTML (optional)."," In the export window, press Cmd + O (Mac) or Ctrl + O (Windows) to reveal a hidden Minify HTML checkbox, and tick it.",[36,15685,15686],{},[237,15687,15688],{},"Click Prepare ZIP.",[36,15690,15691],{},[237,15692,15693],{},"Download the ZIP file.",[12,15695,15696,15697,15700,15701,15703],{},"Next, ",[40,15698,15699],{"href":11512},"unzip it"," and test it from a local web server, not by double-clicking ",[51,15702,2535],{},", because Lottie animations won't load from your file system. With Python 3 installed:",[2500,15705,15709],{"className":15706,"code":15707,"language":15708,"meta":645,"style":645},"language-sh shiki shiki-themes github-light material-theme github-dark-high-contrast","cd ~\u002FDownloads\u002Fyour-site\npython3 -m http.server 8000\n","sh",[51,15710,15711,15716],{"__ignoreMap":645},[1489,15712,15713],{"class":2598,"line":2599},[1489,15714,15715],{},"cd ~\u002FDownloads\u002Fyour-site\n",[1489,15717,15718],{"class":2598,"line":646},[1489,15719,15720],{},"python3 -m http.server 8000\n",[12,15722,38,15723,15726],{},[51,15724,15725],{},"http:\u002F\u002Flocalhost:8000",", click through every page, trigger the interactions and resize the window to check breakpoints. Ctrl + C stops the server.",[22,15728,15730],{"id":15729},"fixing-forms-after-export","Fixing forms after export",[12,15732,15733],{},"Forms are the part most likely to break silently. They still render, but submissions go nowhere, because Webflow's form handling needs a Webflow Site plan. Swap in a third-party form backend, and do it in the Designer so every re-export ships with a working form.",[12,15735,15736],{},[237,15737,15738],{},"Option 1: Formspree",[12,15740,15741],{},"Formspree's Free plan handles 50 submissions a month, and Formspree pitches it \"for testing and development\" (October 2026).",[33,15743,15744,15747,15754,15765],{},[36,15745,15746],{},"Sign up at formspree.io and create a form to get its endpoint URL",[36,15748,15749,15750,15753],{},"In the Webflow Designer, select your form and open the ",[237,15751,15752],{},"Settings"," panel",[36,15755,15756,15757,15760,15761,15764],{},"Under ",[237,15758,15759],{},"Send to",", remove the Webflow and Email notifications destinations (they can't be combined with a custom action), then add a ",[237,15762,15763],{},"Custom action"," with your Formspree endpoint as the URL",[36,15766,15767,15768,15771],{},"Set the method to ",[51,15769,15770],{},"POST",", save, publish and re-export",[12,15773,15774],{},"Hand-edit the exported HTML instead and your next re-export wipes the fix. The form tag in the export ends up roughly like this (Webflow adds a few attributes of its own):",[2500,15776,15778],{"className":12918,"code":15777,"language":12920,"meta":645,"style":645},"\u003Cform action=\"https:\u002F\u002Fformspree.io\u002Ff\u002Fyour-form-id\" method=\"POST\">\n  \u003C!-- your existing form fields stay the same -->\n  \u003Cbutton type=\"submit\">Send\u003C\u002Fbutton>\n\u003C\u002Fform>\n",[51,15779,15780,15812,15818,15851],{"__ignoreMap":645},[1489,15781,15782,15784,15787,15790,15792,15794,15797,15799,15802,15804,15806,15808,15810],{"class":2598,"line":2599},[1489,15783,12927],{"class":2602},[1489,15785,15786],{"class":12930},"form",[1489,15788,15789],{"class":12936}," action",[1489,15791,12940],{"class":2602},[1489,15793,2616],{"class":2641},[1489,15795,15796],{"class":2644},"https:\u002F\u002Fformspree.io\u002Ff\u002Fyour-form-id",[1489,15798,2616],{"class":2641},[1489,15800,15801],{"class":12936}," method",[1489,15803,12940],{"class":2602},[1489,15805,2616],{"class":2641},[1489,15807,15770],{"class":2644},[1489,15809,2616],{"class":2641},[1489,15811,13008],{"class":2602},[1489,15813,15814],{"class":2598,"line":646},[1489,15815,15817],{"class":15816},"sqhx1","  \u003C!-- your existing form fields stay the same -->\n",[1489,15819,15820,15823,15826,15829,15831,15833,15836,15838,15841,15845,15847,15849],{"class":2598,"line":656},[1489,15821,15822],{"class":2602},"  \u003C",[1489,15824,15825],{"class":12930},"button",[1489,15827,15828],{"class":12936}," type",[1489,15830,12940],{"class":2602},[1489,15832,2616],{"class":2641},[1489,15834,15835],{"class":2644},"submit",[1489,15837,2616],{"class":2641},[1489,15839,15840],{"class":2602},">",[1489,15842,15844],{"class":15843},"s0Car","Send",[1489,15846,13014],{"class":2602},[1489,15848,15825],{"class":12930},[1489,15850,13008],{"class":2602},[1489,15852,15853,15855,15857],{"class":2598,"line":2672},[1489,15854,13014],{"class":2602},[1489,15856,15786],{"class":12930},[1489,15858,13008],{"class":2602},[12,15860,15861],{},[237,15862,15863],{},"Option 2: Formspark or Basin",[12,15865,15866],{},"Formspark (250 free submissions per account, one-time) and Basin (one endpoint, 50 a month, 30-day data retention on free) work the same way, as of October 2026.",[12,15868,15869],{},[237,15870,15871],{},"Option 3: Netlify Forms (if you host on Netlify)",[12,15873,15874,15875,15878,15879,15882,15883,15886,15887,15890,15891,15894],{},"Netlify picks up forms with a ",[51,15876,15877],{},"data-netlify=\"true\""," attribute: add it in the Designer as a custom attribute on the form (name ",[51,15880,15881],{},"data-netlify",", value ",[51,15884,15885],{},"true",") so it survives re-exports, then turn on form detection under Forms in the Netlify UI. Its examples use ",[51,15888,15889],{},"method=\"POST\"",", so check the exported ",[51,15892,15893],{},"\u003Cform>"," tag, and keep in mind this ties your forms to Netlify hosting.",[12,15896,15897],{},"Whichever you pick, send a real test submission from the new host before the cutover.",[22,15899,15901],{"id":15900},"how-do-you-keep-your-urls-working-after-leaving-webflow","How do you keep your URLs working after leaving Webflow?",[12,15903,15904,15905,4380,15907,15909],{},"Old URLs keep working only if the new host serves ",[51,15906,4379],{},[51,15908,4383],{},", as every host in the table below does. Then recreate the 301s from the exported CSV and check every sitemap URL on the preview before DNS switches. Most Webflow export guides skip this part.",[12,15911,15912,15913,15915,15916,15918,15919,15921],{},"On Webflow, your About page lived at ",[51,15914,4383],{},". In the export, it's ",[51,15917,4379],{},", and the export's own links point there, so clicking around works anywhere. But Google indexed ",[51,15920,4383],{},", other sites link to it, and it might be on the client's business cards.",[12,15923,15924],{},[18,15925,15926,15927,15929,15930,6753],{},"How hosts handle ",[51,15928,4383],{}," for an exported ",[51,15931,4379],{},[198,15933,15934,15950],{},[201,15935,15936],{},[204,15937,15938,15940,15946,15948],{},[207,15939,7054],{},[207,15941,15942,7068,15944,7071],{},[51,15943,4383],{},[51,15945,4379],{},[207,15947,7074],{},[207,15949,15162],{},[229,15951,15952,15979,16000,16016],{},[204,15953,15954,15957,15965,15970],{},[234,15955,15956],{},"Cloudflare Workers static assets",[234,15958,15959,15960,15962,15963],{},"Yes, by default. ",[51,15961,7106],{}," gets a 307 redirect to ",[51,15964,4383],{},[234,15966,15967,15969],{},[51,15968,2737],{}," file, up to 2,000 static and 100 dynamic rules",[234,15971,15972,54,15975],{},[40,15973,7259],{"href":7257,"rel":15974},[44],[40,15976,15978],{"href":7262,"rel":15977},[44],"Redirects",[204,15980,15981,15983,15986,15993],{},[234,15982,2897],{},[234,15984,15985],{},"Yes (200 in a live test, October 15, 2026)",[234,15987,15988,15990,15991],{},[51,15989,2737],{}," file or ",[51,15992,7147],{},[234,15994,15995,15999],{},[40,15996,15978],{"href":15997,"rel":15998},"https:\u002F\u002Fdocs.netlify.com\u002Fmanage\u002Frouting\u002Fredirects\u002Foverview\u002F",[44],", live netlify.app test",[204,16001,16002,16004,16010,16013],{},[234,16003,366],{},[234,16005,16006,16007,16009],{},"Yes. ",[51,16008,7106],{}," also returns 200",[234,16011,16012],{},"None (no server-side 301s)",[234,16014,16015],{},"Test of a Webflow export live on github.io, October 15, 2026",[204,16017,16018,16020,16024,16026],{},[234,16019,389],{},[234,16021,16006,16022,16009],{},[51,16023,7106],{},[234,16025,379],{},[234,16027,16028],{},"Hostsmith team test deploy, October 19, 2026",[12,16030,16031,16032,16034,16035,46],{},"Netlify's docs describe Pretty URLs (on by default) redirecting these paths differently from what the test showed, so run the URL check below on your own site; it catches either behavior. Host not on the list? Test it the same way. Webflow's own FAQ points Apache users to an ",[51,16033,7789],{}," rule for dropping the ",[51,16036,11377],{},[502,16038,16040],{"id":16039},"check-every-url-before-the-dns-switch","Check every URL before the DNS switch",[12,16042,16043,16044,16046],{},"Deploy the export to the new host's preview URL first, with your saved ",[51,16045,4508],{}," in the folder you run this from:",[2500,16048,16050],{"className":15706,"code":16049,"language":15708,"meta":645,"style":645},"LIVE=\"https:\u002F\u002Fwww.example.com\"\nNEW=\"https:\u002F\u002Fexample-preview.netlify.app\"\ngrep -q \"\u003Cloc>$LIVE\" sitemap.xml || echo \"LIVE doesn't match the sitemap's domain\"\ngrep -o '\u003Cloc>[^\u003C]*\u003C\u002Floc>' sitemap.xml | sed -e 's|\u003Cloc>||' -e 's|\u003C\u002Floc>||' -e \"s|$LIVE|$NEW|\" |\nwhile read -r url; do\n  code=$(curl -s --max-time 10 -o \u002Fdev\u002Fnull -w '%{http_code}' \"$url\")\n  [ \"$code\" = \"200\" ] || echo \"$code $url\"\ndone\n",[51,16051,16052,16057,16062,16067,16072,16077,16082,16087],{"__ignoreMap":645},[1489,16053,16054],{"class":2598,"line":2599},[1489,16055,16056],{},"LIVE=\"https:\u002F\u002Fwww.example.com\"\n",[1489,16058,16059],{"class":2598,"line":646},[1489,16060,16061],{},"NEW=\"https:\u002F\u002Fexample-preview.netlify.app\"\n",[1489,16063,16064],{"class":2598,"line":656},[1489,16065,16066],{},"grep -q \"\u003Cloc>$LIVE\" sitemap.xml || echo \"LIVE doesn't match the sitemap's domain\"\n",[1489,16068,16069],{"class":2598,"line":2672},[1489,16070,16071],{},"grep -o '\u003Cloc>[^\u003C]*\u003C\u002Floc>' sitemap.xml | sed -e 's|\u003Cloc>||' -e 's|\u003C\u002Floc>||' -e \"s|$LIVE|$NEW|\" |\n",[1489,16073,16074],{"class":2598,"line":2678},[1489,16075,16076],{},"while read -r url; do\n",[1489,16078,16079],{"class":2598,"line":12993},[1489,16080,16081],{},"  code=$(curl -s --max-time 10 -o \u002Fdev\u002Fnull -w '%{http_code}' \"$url\")\n",[1489,16083,16084],{"class":2598,"line":13011},[1489,16085,16086],{},"  [ \"$code\" = \"200\" ] || echo \"$code $url\"\n",[1489,16088,16090],{"class":2598,"line":16089},8,[1489,16091,16092],{},"done\n",[12,16094,16095],{},"What each part does:",[115,16097,16098,16108,16118,16132],{},[36,16099,16100,16103,16104,16107],{},[51,16101,16102],{},"LIVE"," is the domain exactly as your sitemap writes it, and ",[51,16105,16106],{},"NEW"," is the preview URL, both without a trailing slash.",[36,16109,16110,16111,16114,16115,16117],{},"The first ",[51,16112,16113],{},"grep"," is a guard: if ",[51,16116,16102],{}," doesn't match the sitemap, nothing gets swapped and the loop silently tests the old Webflow site.",[36,16119,16120,16121,16123,16124,16127,16128,16131],{},"The second ",[51,16122,16113],{}," pulls every ",[51,16125,16126],{},"\u003Cloc>"," entry out of the sitemap, and ",[51,16129,16130],{},"sed"," strips the tags and swaps in the preview domain.",[36,16133,16134,16135,16138],{},"The loop requests each URL with ",[51,16136,16137],{},"curl",", gives up after 10 seconds, and prints anything that isn't a 200. No output means every URL answered.",[12,16140,16141,16142,16144,16145,16147],{},"Expect CMS item URLs in that list unless you rebuilt or crawled those pages. That's your to-do list. After the DNS switch, set ",[51,16143,16106],{}," to the same value as ",[51,16146,16102],{}," and run it again.",[12,16149,16150,16153,16154,429,16156,16158,16159,16161,16162,16165,16166,16168,16169,16171],{},[237,16151,16152],{},"Canonicals."," On Netlify, GitHub Pages and Hostsmith both ",[51,16155,4383],{},[51,16157,7106],{}," return 200, and the export links to ",[51,16160,4379],{},", so the canonical tag tells Google which one counts. Webflow builds each page's canonical from the global canonical URL plus the page slug. Check a few exported pages: ",[51,16163,16164],{},"\u003Clink rel=\"canonical\">"," should use the clean ",[51,16167,4383],{}," form on the live domain, not a ",[51,16170,11377],{}," path, webflow.io or the preview URL.",[12,16173,16174,16177,16178,16180],{},[237,16175,16176],{},"Redirects."," Turn the exported CSV into rules wherever the host supports them. Each row is an old path and a new one, so in a ",[51,16179,2737],{}," file it becomes one line:",[2500,16182,16185],{"className":16183,"code":16184,"language":2505},[2503],"\u002Fold-services \u002Fservices 301\n",[51,16186,16184],{"__ignoreMap":645},[12,16188,16189,16190,16192,16193,16198],{},"Spell out the 301: Cloudflare uses a 302 if you leave the status off. On a host without redirect rules, those old paths will 404; if any of them still get traffic or links, pick a host with a ",[51,16191,2737],{}," file. The fallback is a stub page at the old path with an instant meta refresh, which ",[40,16194,16197],{"href":16195,"rel":16196},"https:\u002F\u002Fdevelopers.google.com\u002Fsearch\u002Fdocs\u002Fcrawling-indexing\u002F301-redirects",[44],"Google's redirect docs"," say it treats as a permanent redirect.",[22,16200,16202],{"id":16201},"when-to-cancel-webflow-hosting-and-switch-dns","When to cancel Webflow hosting and switch DNS",[12,16204,16205],{},"Switch DNS while the Site plan still has time left, then let the downgrade take effect at the end of the billing period, so the old Webflow site stays up as your fallback.",[12,16207,16208,16209,16211],{},"Canceling a Site plan (Site settings > Plans > Website tab > Downgrade to Starter, after removing any add-ons) removes the custom domains and unpublishes the site, on both the custom domain and webflow.io, at the end of the current billing period. Purchases are non-refundable, and \"Downgrade now\" skips the overlap, so don't use it. If the cutover slips, Webflow Support can cancel a scheduled downgrade. Scheduled before the renewal, the downgrade ends the Site plan, so there's nothing left to reprice. Whether a given site should move at all is a money question, and the ",[40,16210,2328],{"href":1592}," post models a ten-site book.",[12,16213,16214],{},"The order:",[33,16216,16217,16228,16234,16240,16253,16259,16265],{},[36,16218,16219,16222,16223,429,16225,16227],{},[237,16220,16221],{},"Deploy and test early."," Add the saved ",[51,16224,4508],{},[51,16226,4505],{}," to the export (minus URLs you're not keeping), deploy to the preview URL and run the URL check.",[36,16229,16230,16233],{},[237,16231,16232],{},"Schedule the downgrade to Starter"," once that check passes, before the renewal date.",[36,16235,16236,16239],{},[237,16237,16238],{},"Lower the DNS TTL"," on the domain's records, then wait at least as long as the old TTL.",[36,16241,16242,16245,16246,429,16249,16252],{},[237,16243,16244],{},"Switch DNS"," to the new host, well before the billing period ends. Add both ",[51,16247,16248],{},"example.com",[51,16250,16251],{},"www.example.com"," on the new host, and check that the one Google didn't index redirects to the one it did.",[36,16254,16255,16258],{},[237,16256,16257],{},"Wait for the SSL certificate"," to issue on the new host.",[36,16260,16261,16264],{},[237,16262,16263],{},"Run the URL check"," against the live domain.",[36,16266,16267],{},[237,16268,16269],{},"Submit the sitemap in Google Search Console.",[12,16271,16272],{},"Keep the Workspace plan if you'll re-export: every design change means a fresh export, and the site now counts as one of your Workspace's staging sites (10 on Freelancer, unlimited on Agency, as of October 2026).",[22,16274,16276],{"id":16275},"where-to-host-the-export","Where to host the export",[12,16278,16279,16280,16283],{},"Any static host can serve the files; the URL table above is what separates them. For prices and limits, ",[40,16281,16282],{"href":1299},"compare hosts for an exported Webflow site",". One gotcha each:",[115,16285,16286,16293,16298],{},[36,16287,16288,16290,16291,46],{},[237,16289,7352],{}," GitHub's docs say Pages is \"not intended for or allowed to be used as a free web-hosting service to run your online business\", which rules out most client sites. More in ",[40,16292,594],{"href":593},[36,16294,16295,16297],{},[237,16296,7332],{}," the Free plan gets 300 credits a month, a production deploy costs 15 and each GB of bandwidth 20 (October 2026). When a Free account runs out, every project on it is paused.",[36,16299,16300,16303],{},[237,16301,16302],{},"Cloudflare (Workers static assets or Pages):"," the Pages docs say \"Start new projects with Workers\", and requests to static assets are free and unlimited (October 2026).",[502,16305,16307],{"id":16306},"hostsmith-drag-and-drop-fast-cdn","Hostsmith (Drag-and-Drop, Fast CDN)",[12,16309,16310,16313],{},[40,16311,389],{"href":603,"rel":16312},[44]," takes the exported ZIP as is: drag it onto the page and the site is live in under a minute, on a hostsmith.link address you can show the client before the domain moves over. No Git, no build configuration, no framework selection screens.",[12,16315,16316,16317,2799,16319,16321],{},"Run the URL check above against the hostsmith.link address before the domain moves. Hostsmith answers ",[51,16318,4383],{},[51,16320,4379],{},", so the static pages in the old sitemap should all come back 200.",[12,16323,16324],{},"Your site gets served from a global CDN, so it loads fast regardless of where your visitors are. As of October 2026, the Free plan gives you one site with 5,000 monthly visitors on a hostsmith.link address and 5 MB of storage (also the cap on a single upload), so it suits a lean landing page or a quick client preview. An image-heavy portfolio export will outgrow it fast. If you're hosting several client sites, Pro costs $15 a month on yearly billing ($21 on monthly) and covers 5 sites with custom domains, 500 MB of storage and 100,000 monthly visitors (you'll still need a Workspace plan for the exports, if you don't already pay for one).",[12,16326,16327],{},"For agencies moving client sites off Webflow regularly, that's one bill and one dashboard for all of them, from the ZIP to the client's own domain.",[12,16329,16330,16331,16333],{},"If you want a deeper comparison of drag-and-drop platforms, there's a breakdown of ",[40,16332,9848],{"href":189}," options that covers the workflow differences in detail.",[22,16335,16337],{"id":16336},"when-you-should-not-export-from-webflow","When you should NOT export from Webflow",[12,16339,16340,16341,16343],{},"Exports suit sites whose content is set once: landing pages, event pages, a ",[40,16342,5582],{"href":3513},". Keep the site on Webflow hosting if:",[115,16345,16346,16352],{},[36,16347,16348,16351],{},[237,16349,16350],{},"It depends on something in the table you can't replace."," CMS content none of the three routes fits, Ecommerce, or secondary locales.",[36,16353,16354,16357],{},[237,16355,16356],{},"The client edits content themselves."," Client seats let them edit in Webflow (1 per site on Freelancer, 3 on Agency, as of October 2026); after an export, their edits need a re-export and redeploy to go live.",[12,16359,16360,16361,46],{},"If the client wants off Webflow altogether, a rebuild elsewhere is the other route; start with these ",[40,16362,16363],{"href":1259},"Webflow alternatives for client sites",[22,16365,16367],{"id":16366},"the-export-is-the-easy-part","The export is the easy part",[12,16369,16370],{},"Pressing Shift + E takes a minute. The migration is the URL check and the renewal date. If the check isn't clean two weeks before the renewal, renew once more and do it properly (on a yearly site, check whether a month on monthly billing is the cheaper bridge).",[22,16372,1536],{"id":638},[12,16374,16375],{},[237,16376,16377],{},"Can I export Webflow code for free?",[12,16379,16380],{},"Not with Webflow's own tool: it needs a paid Workspace plan, from $16 a month billed yearly for Freelancer (October 2026). Crawler-based exporters like ExFlow, NocodeXport, HTTrack and wget can copy the published site without one, but read Webflow's acceptable use policy and check the asset paths first.",[12,16382,16383],{},[237,16384,16385],{},"Does Webflow export CMS content?",[12,16387,16388],{},"No. Collection lists show their empty state and template pages come out blank. Export each Collection from the CMS panel as a CSV, and download its images, because the Webflow-hosted URLs in the CSV break if the site is deleted.",[12,16390,16391],{},[237,16392,16393],{},"Will my Webflow interactions still work after export?",[12,16395,16396,16397,16399],{},"Yes. Per Webflow's help center, interactions run from the exported JS, so keep the ",[51,16398,11356],{}," folder intact. Lottie animations work too, but only from a web server, not straight from disk.",[12,16401,16402],{},[237,16403,16404],{},"Can I re-import exported code into Webflow?",[12,16406,16407,16408,16411],{},"No. Webflow's ",[40,16409,6496],{"href":6494,"rel":16410},[44]," says there's no automated way to convert a site from another platform into Webflow, and that migrating to Webflow \"will be a rebuild, not a transfer.\" What does go back in: 301 redirects and CMS Collections, both as CSV files imported into another Webflow site (file fields need uploading by hand).",[12,16413,16414],{},[237,16415,16416],{},"Do I still need a Webflow plan after exporting?",[12,16418,16419],{},"Not for the site to work: Webflow says the export needs no attribution and no Webflow plan on your own server. You do need a paid Workspace plan for each future export.",[12,16421,16422],{},[237,16423,16424],{},"What happens when I cancel the Webflow Site plan?",[12,16426,16427],{},"Webflow removes the custom domains and unpublishes the site, on both the custom domain and webflow.io, at the end of the billing period, with no refund. The cutover steps above show how to time it.",[3231,16429,16430],{},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .swkHL, html code.shiki .swkHL{--shiki-light:#24292E;--shiki-default:#89DDFF;--shiki-dark:#F0F3F6}html pre.shiki code .sHv8U, html code.shiki .sHv8U{--shiki-light:#22863A;--shiki-default:#F07178;--shiki-dark:#72F088}html pre.shiki code .sDQaw, html code.shiki .sDQaw{--shiki-light:#6F42C1;--shiki-default:#C792EA;--shiki-dark:#91CBFF}html pre.shiki code .sLH4c, html code.shiki .sLH4c{--shiki-light:#032F62;--shiki-default:#89DDFF;--shiki-dark:#ADDCFF}html pre.shiki code .saCgk, html code.shiki .saCgk{--shiki-light:#032F62;--shiki-default:#C3E88D;--shiki-dark:#ADDCFF}html pre.shiki code .sqhx1, html code.shiki .sqhx1{--shiki-light:#6A737D;--shiki-light-font-style:inherit;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#BDC4CC;--shiki-dark-font-style:inherit}html pre.shiki code .s0Car, html code.shiki .s0Car{--shiki-light:#24292E;--shiki-default:#EEFFFF;--shiki-dark:#F0F3F6}",{"title":645,"searchDepth":646,"depth":646,"links":16432},[16433,16434,16437,16440,16441,16442,16443,16446,16447,16450,16451,16452],{"id":15084,"depth":646,"text":15085},{"id":15136,"depth":646,"text":15137,"children":16435},[16436],{"id":15402,"depth":656,"text":15403},{"id":15434,"depth":646,"text":15435,"children":16438},[16439],{"id":15537,"depth":656,"text":15538},{"id":15601,"depth":646,"text":15602},{"id":15662,"depth":646,"text":15663},{"id":15729,"depth":646,"text":15730},{"id":15900,"depth":646,"text":15901,"children":16444},[16445],{"id":16039,"depth":656,"text":16040},{"id":16201,"depth":646,"text":16202},{"id":16275,"depth":646,"text":16276,"children":16448},[16449],{"id":16306,"depth":656,"text":16307},{"id":16336,"depth":646,"text":16337},{"id":16366,"depth":646,"text":16367},{"id":638,"depth":646,"text":1536},"2026-04-16","Open Main menu > Code export in Webflow and click Prepare ZIP. Before you cancel the Site plan, save the sitemap, redirects CSV and CMS images it leaves out.",{"excerpt":16456},{"type":9,"value":16457},[16458,16462],[12,16459,15074,16460,15078],{},[237,16461,15077],{},[12,16463,15081],{},{"title":15069,"description":16454},"export-code-from-webflow",[1596,16467,679,16468],"webflow export code","web design","KWwn5FTruWubmXpXlOQ0JFZpW_TdzPRrvnFkSvIeur4",{"id":16471,"title":16472,"alt":6,"author":7,"body":16473,"date":16453,"description":17320,"extension":666,"icon":17321,"image":6,"meta":17322,"navigation":673,"path":556,"published":6,"seo":17331,"stem":17332,"tags":17333,"__hash__":17335},"blog\u002Fpdf-hosting-guide.md","PDF Hosting: How to Host a PDF Online and Get a URL",{"type":9,"value":16474,"toc":17305},[16475,16482,16485,16489,16496,16505,16522,16540,16544,16550,16556,16562,16572,16575,16579,16582,16586,16589,16594,16619,16624,16638,16643,16657,16663,16667,16670,16674,16695,16699,16713,16717,16731,16736,16740,16743,16747,16764,16768,16782,16786,16803,16808,16812,16815,16820,16831,16835,16846,16850,16867,16872,16876,16883,16887,16907,16911,16936,16940,16948,16953,16957,17150,17154,17157,17163,17177,17183,17189,17199,17205,17209,17212,17252,17254,17259,17265,17270,17273,17278,17281,17286,17289,17294,17297,17299,17302],[12,16476,16477,16478,16481],{},"You need to host a PDF online - maybe it's a restaurant menu, a resume, a product catalog, or a handout for your students - and you want a clean, shareable URL for it. Not emailing it as an attachment. Not dropping it in a group chat. Actually ",[18,16479,16480],{},"hosting"," it somewhere persistent so anyone with the link can open it, anytime, no login required. PDF hosting sounds like it should be straightforward, but there are a surprising number of ways to get this wrong.",[12,16483,16484],{},"I've been through the whole cycle: uploading PDFs to random free tools, getting ugly links plastered with ads, watching links break after a month. So let me walk you through what actually works in 2026, from free options to professional-grade solutions - with a focus on what matters most for true hosting: permanence, uptime, and reliability.",[22,16486,16488],{"id":16487},"what-is-pdf-hosting-and-why-its-different-from-sharing","What Is PDF Hosting (and Why It's Different from Sharing)",[12,16490,16491,16492,16495],{},"PDF hosting means putting your PDF file on a server so it has a permanent URL that anyone can visit. But it's different from just ",[18,16493,16494],{},"sharing"," a PDF. When you attach a PDF to an email or send it through a chat app, that's a one-time transfer. Hosting gives you a persistent, always-on link - one that stays live for weeks, months, or years.",[12,16497,16498,16499,16501,16502,2619],{},"If you're looking for quick one-time sharing, check out our guide on ",[40,16500,13177],{"href":4074},". But hosting is what you want when the link needs to ",[18,16503,16504],{},"last",[115,16506,16507,16510,16513,16516,16519],{},[36,16508,16509],{},"You run a restaurant and need a QR code that always points to your latest menu",[36,16511,16512],{},"You're a freelancer linking your resume or portfolio from LinkedIn",[36,16514,16515],{},"You're an educator handing out course materials that students can access all semester",[36,16517,16518],{},"Your business has product catalogs, brochures, or event flyers that need to stay accessible",[36,16520,16521],{},"You're putting together an event program and want attendees to pull it up on their phones",[12,16523,16524,16525,16528,16529,16532,16533,4151,16536,16539],{},"The key things that separate real PDF hosting from casual sharing: a ",[237,16526,16527],{},"permanent URL"," that doesn't expire, ",[237,16530,16531],{},"no login required"," for viewers, a ",[237,16534,16535],{},"clean and professional-looking link",[237,16537,16538],{},"reliability"," - meaning the file is actually there when someone clicks, whether that's tomorrow or next year.",[22,16541,16543],{"id":16542},"how-to-create-a-pdf-url-step-by-step","How to Create a PDF URL (Step-by-Step)",[12,16545,16546,16547,16549],{},"If you just want the fastest path from \"I have a PDF on my computer\" to \"I have a URL I can share,\" here's the streamlined version. For a deeper comparison of approaches, our guide on ",[40,16548,3958],{"href":3957}," is worth a look.",[12,16551,16552,16555],{},[237,16553,16554],{},"Step 1: Choose your hosting method."," For most people, I'd say start with Hostsmith for a professional result or Google Drive if you just need something quick and informal. (Full breakdown of each option below.)",[12,16557,16558,16561],{},[237,16559,16560],{},"Step 2: Upload your PDF and get a link."," Every method involves uploading your file to a server. With Hostsmith, it's drag and drop. With Google Drive, it's the upload button. Pick your tool and get the file up there. At this point you've essentially gone from PDF to URL.",[12,16563,16564,16567,16568,16571],{},[237,16565,16566],{},"Step 3: Test and share."," Open the link in an incognito browser window to make sure it works for people who aren't logged into your account. Then share it wherever you need - on your website, in a QR code, ",[40,16569,16570],{"href":4300},"on Facebook"," or other social media, in an email signature.",[12,16573,16574],{},"That's it. Three steps to host a PDF online and create a PDF URL. The whole process can take under a minute.",[22,16576,16578],{"id":16577},"_5-ways-to-host-a-pdf-online","5 Ways to Host a PDF Online",[12,16580,16581],{},"There's no single \"right\" method here. It depends on what you need - quick and free, professional and polished, or somewhere in between. Here are five solid options, with honest pros and cons for each.",[502,16583,16585],{"id":16584},"_1-google-drive","1. Google Drive",[12,16587,16588],{},"Google Drive is probably the first thing that comes to mind, and it works fine for casual use.",[12,16590,16591],{},[237,16592,16593],{},"How to do it:",[33,16595,16596,16605,16610,16616],{},[36,16597,16598,16599,16604],{},"Go to ",[40,16600,16603],{"href":16601,"rel":16602},"https:\u002F\u002Fdrive.google.com",[44],"drive.google.com"," and upload your PDF",[36,16606,16607,16608],{},"Right-click the file and select ",[237,16609,12446],{},[36,16611,16612,16613],{},"Change access to ",[237,16614,16615],{},"Anyone with the link",[36,16617,16618],{},"Copy the link",[12,16620,16621],{},[237,16622,16623],{},"Pros:",[115,16625,16626,16629,16632,16635],{},[36,16627,16628],{},"Free with a Google account (15 GB shared storage)",[36,16630,16631],{},"Most people already have an account",[36,16633,16634],{},"Easy to update the file later",[36,16636,16637],{},"Access control lets you restrict viewing to specific email addresses",[12,16639,16640],{},[237,16641,16642],{},"Cons:",[115,16644,16645,16648,16651,16654],{},[36,16646,16647],{},"The URLs are long and ugly - just a string of random characters",[36,16649,16650],{},"Viewers see the Google Drive interface, not just your PDF",[36,16652,16653],{},"Google can change sharing behavior or shut down features without warning",[36,16655,16656],{},"Not the most professional look for business use",[12,16658,16659,16662],{},[237,16660,16661],{},"Best for:"," Personal or informal sharing where the link appearance doesn't matter much.",[502,16664,16666],{"id":16665},"_2-dropbox","2. Dropbox",[12,16668,16669],{},"Dropbox works similarly to Google Drive but with a slightly different sharing model.",[12,16671,16672],{},[237,16673,16593],{},[33,16675,16676,16679,16684,16692],{},[36,16677,16678],{},"Upload your PDF to Dropbox",[36,16680,16681,16682],{},"Hover over the file and click ",[237,16683,12446],{},[36,16685,12377,16686,3298,16689],{},[237,16687,16688],{},"Create link",[237,16690,16691],{},"Copy link",[36,16693,16694],{},"Change permissions so anyone with the link can view",[12,16696,16697],{},[237,16698,16623],{},[115,16700,16701,16704,16707,16710],{},[36,16702,16703],{},"Clean file preview for viewers",[36,16705,16706],{},"Easy to swap out the file while keeping the same link",[36,16708,16709],{},"Solid reliability",[36,16711,16712],{},"Password-protected links available on paid plans",[12,16714,16715],{},[237,16716,16642],{},[115,16718,16719,16722,16725,16728],{},[36,16720,16721],{},"Free tier is limited to 2 GB",[36,16723,16724],{},"Shared links that exceed bandwidth limits on free accounts get throttled - Dropbox will temporarily disable the link until traffic dies down",[36,16726,16727],{},"URLs still aren't custom or particularly clean",[36,16729,16730],{},"Viewers may see Dropbox branding and sign-up prompts",[12,16732,16733,16735],{},[237,16734,16661],{}," Small-audience document sharing where you might need to update the file occasionally.",[502,16737,16739],{"id":16738},"_3-github-pages-technical","3. GitHub Pages (Technical)",[12,16741,16742],{},"If you're a developer or comfortable with Git, GitHub Pages is a surprisingly solid option for PDF hosting.",[12,16744,16745],{},[237,16746,16593],{},[33,16748,16749,16752,16755,16758],{},[36,16750,16751],{},"Create a public GitHub repository",[36,16753,16754],{},"Upload your PDF to the repository",[36,16756,16757],{},"Enable GitHub Pages in the repository settings (deploy from the main branch)",[36,16759,16760,16761],{},"Your PDF is now available at ",[51,16762,16763],{},"https:\u002F\u002Fyourusername.github.io\u002Frepo-name\u002Fyourfile.pdf",[12,16765,16766],{},[237,16767,16623],{},[115,16769,16770,16773,16776,16779],{},[36,16771,16772],{},"Completely free",[36,16774,16775],{},"Custom-ish URLs (based on your GitHub username)",[36,16777,16778],{},"Backed by GitHub's infrastructure",[36,16780,16781],{},"Version control built in - you can track every update to the PDF",[12,16783,16784],{},[237,16785,16642],{},[115,16787,16788,16791,16794,16797,16800],{},[36,16789,16790],{},"Requires a GitHub account and basic Git knowledge",[36,16792,16793],{},"Free accounts can only publish from public repositories - private repo publishing requires a paid GitHub plan",[36,16795,16796],{},"Not intuitive for non-technical users",[36,16798,16799],{},"1 GB soft limit on repository size",[36,16801,16802],{},"No access control on the published site itself",[12,16804,16805,16807],{},[237,16806,16661],{}," Developers who want version-controlled document hosting or are already in the GitHub ecosystem.",[502,16809,16811],{"id":16810},"_4-dedicated-pdf-hosting-tools","4. Dedicated PDF Hosting Tools",[12,16813,16814],{},"There are services built specifically for this use case - tools like tiiny.host, pdfhost.net, and similar platforms.",[12,16816,16817],{},[237,16818,16819],{},"How to do it (general process):",[33,16821,16822,16825,16828],{},[36,16823,16824],{},"Visit the tool's website",[36,16826,16827],{},"Upload your PDF (often with a drag-and-drop interface)",[36,16829,16830],{},"Get a link",[12,16832,16833],{},[237,16834,16623],{},[115,16836,16837,16840,16843],{},[36,16838,16839],{},"Purpose-built for exactly this task",[36,16841,16842],{},"Usually very fast and simple",[36,16844,16845],{},"Some offer basic analytics",[12,16847,16848],{},[237,16849,16642],{},[115,16851,16852,16855,16858,16861,16864],{},[36,16853,16854],{},"Many free tiers are heavily limited (file size caps, link expiration, limited views)",[36,16856,16857],{},"Ad-supported free tiers can make your document look unprofessional",[36,16859,16860],{},"Some services disappear or change their terms without warning",[36,16862,16863],{},"Limited control over the URL structure",[36,16865,16866],{},"You're trusting a small service with your documents",[12,16868,16869,16871],{},[237,16870,16661],{}," One-off quick uploads where you need a link right now and don't care about long-term reliability.",[502,16873,16875],{"id":16874},"_5-hostsmith","5. Hostsmith",[12,16877,16878,16879,16882],{},"Full disclosure: Hostsmith is our platform, so take this with a grain of salt. That said, I'm including it because it genuinely fills a gap the other methods leave open. Hostsmith is a ",[40,16880,16881],{"href":189},"drag-and-drop hosting platform"," built for static files, including PDFs, and it's designed around the kind of permanent, professional hosting that the free tools struggle with.",[12,16884,16885],{},[237,16886,16593],{},[33,16888,16889,16895,16898,16904],{},[36,16890,16598,16891,16894],{},[40,16892,1339],{"href":603,"rel":16893},[44]," and create a free account",[36,16896,16897],{},"Drag and drop your PDF file into the deploy area",[36,16899,16900,16901,8341],{},"Pick a subdomain name (like ",[51,16902,16903],{},"your-name.hostsmith.link",[36,16905,16906],{},"Your PDF is live instantly with a clean URL",[12,16908,16909],{},[237,16910,16623],{},[115,16912,16913,16916,16923,16926,16929],{},[36,16914,16915],{},"Instant deployment - seriously, it takes seconds",[36,16917,16918,16919,16922],{},"Clean subdomain URL (",[51,16920,16921],{},"yourname.hostsmith.link",") that looks professional",[36,16924,16925],{},"Fast global CDN, so the PDF loads quickly regardless of where your viewers are",[36,16927,16928],{},"No ads on your hosted document",[36,16930,16931,16932,16935],{},"Paid plans support custom domains - Basic ($4\u002Fmo) handles files up to 25 MB, and higher tiers go up to 10 GB. See ",[40,16933,420],{"href":498,"rel":16934},[44]," for the full breakdown.",[12,16937,16938],{},[237,16939,16642],{},[115,16941,16942,16945],{},[36,16943,16944],{},"Free tier has a 5 MB file size limit, 1 site, and 5,000 monthly visitors - a busy restaurant menu could hit that cap",[36,16946,16947],{},"Private Sites (password or email whitelist) requires the Starter plan or higher",[12,16949,16950,16952],{},[237,16951,16661],{}," Professionals, freelancers, and small business owners who want a clean, reliable, permanent PDF link without ugly URLs or ads.",[22,16954,16956],{"id":16955},"quick-comparison-pdf-hosting-methods","Quick Comparison: PDF Hosting Methods",[198,16958,16959,16976],{},[201,16960,16961],{},[204,16962,16963,16965,16967,16969,16971,16974],{},[207,16964,12155],{},[207,16966,10816],{},[207,16968,13318],{},[207,16970,366],{},[207,16972,16973],{},"Dedicated Tools",[207,16975,389],{},[229,16977,16978,16997,17016,17034,17053,17072,17090,17111,17129],{},[204,16979,16980,16984,16987,16990,16992,16995],{},[234,16981,16982],{},[237,16983,8093],{},[234,16985,16986],{},"Free (15 GB)",[234,16988,16989],{},"Free (2 GB)",[234,16991,6786],{},[234,16993,16994],{},"Free\u002FPaid",[234,16996,16994],{},[204,16998,16999,17004,17006,17008,17011,17014],{},[234,17000,17001],{},[237,17002,17003],{},"Clean URL",[234,17005,2236],{},[234,17007,2236],{},[234,17009,17010],{},"Decent",[234,17012,17013],{},"Varies",[234,17015,270],{},[204,17017,17018,17023,17025,17027,17029,17032],{},[234,17019,17020],{},[237,17021,17022],{},"No viewer login",[234,17024,270],{},[234,17026,270],{},[234,17028,270],{},[234,17030,17031],{},"Usually",[234,17033,270],{},[204,17035,17036,17040,17042,17044,17047,17050],{},[234,17037,17038],{},[237,17039,6768],{},[234,17041,2236],{},[234,17043,2236],{},[234,17045,17046],{},"Yes (with setup)",[234,17048,17049],{},"Rarely",[234,17051,17052],{},"Yes (paid)",[204,17054,17055,17060,17063,17065,17067,17069],{},[234,17056,17057],{},[237,17058,17059],{},"Password\u002FAccess control",[234,17061,17062],{},"Yes (email-based)",[234,17064,17052],{},[234,17066,2236],{},[234,17068,17013],{},[234,17070,17071],{},"Planned",[204,17073,17074,17079,17081,17084,17086,17088],{},[234,17075,17076],{},[237,17077,17078],{},"Ads or branding",[234,17080,2236],{},[234,17082,17083],{},"Sign-up prompts",[234,17085,2236],{},[234,17087,13310],{},[234,17089,2236],{},[204,17091,17092,17097,17099,17102,17105,17108],{},[234,17093,17094],{},[237,17095,17096],{},"File size limit (free)",[234,17098,13304],{},[234,17100,17101],{},"2 GB shared",[234,17103,17104],{},"~1 GB repo",[234,17106,17107],{},"Varies (often 5-50 MB)",[234,17109,17110],{},"5 MB",[204,17112,17113,17118,17120,17122,17124,17127],{},[234,17114,17115],{},[237,17116,17117],{},"Update without changing URL",[234,17119,270],{},[234,17121,270],{},[234,17123,270],{},[234,17125,17126],{},"Sometimes",[234,17128,270],{},[204,17130,17131,17135,17138,17141,17144,17147],{},[234,17132,17133],{},[237,17134,1638],{},[234,17136,17137],{},"Casual use",[234,17139,17140],{},"Small audience",[234,17142,17143],{},"Developers",[234,17145,17146],{},"Quick one-offs",[234,17148,17149],{},"Professional use",[22,17151,17153],{"id":17152},"tips-for-hosting-pdfs-like-a-pro","Tips for Hosting PDFs Like a Pro",[12,17155,17156],{},"A few things I've learned the hard way (so you don't have to):",[12,17158,17159,17162],{},[237,17160,17161],{},"Optimize your file size."," Large PDFs load slowly and eat into storage limits. Before uploading, compress your PDF using a tool like Smallpdf or Adobe Acrobat's built-in compression. Most documents can be reduced significantly without noticeable quality loss. That said, be realistic about your needs - designed product catalogs and portfolios often land in the 5-20 MB range even after compression. If your file is that large, you'll likely need a paid hosting tier regardless of the platform. Don't sacrifice quality just to fit a free tier's limit.",[12,17164,17165,17168,17169,17172,17173,17176],{},[237,17166,17167],{},"Use descriptive file names."," Instead of ",[51,17170,17171],{},"document_final_v3_REAL.pdf",", name it something like ",[51,17174,17175],{},"spring-2026-product-catalog.pdf",". Some hosting methods include the file name in the URL, so this matters more than you'd think.",[12,17178,17179,17182],{},[237,17180,17181],{},"Test in incognito mode."," After uploading, open the link in a private browser window. This confirms that viewers don't need to be logged in or have special permissions. I've made the mistake of sharing a \"public\" Google Drive link that still required a login - embarrassing.",[12,17184,17185,17188],{},[237,17186,17187],{},"Think about mobile."," A huge percentage of people will open your PDF on their phone. Make sure your PDF is formatted to be readable on smaller screens. Single-column layouts work much better than multi-column designs on mobile.",[12,17190,17191,17194,17195,17198],{},[237,17192,17193],{},"Consider embedding."," If you're putting the PDF on your own website, you might want to embed it directly in a page rather than just linking to it. We have a guide on ",[40,17196,17197],{"href":3982},"how to embed a PDF in HTML"," if that's your situation.",[12,17200,17201,17204],{},[237,17202,17203],{},"Keep sensitive documents in mind."," If your PDF contains private information, be careful about where you host it. Google Drive lets you restrict access to specific people. Dropbox offers password-protected links on paid plans. Most other free tools give you a public link with no access control. If none of those options work, consider password-protecting the PDF itself using Adobe Acrobat before uploading.",[22,17206,17208],{"id":17207},"common-use-cases-for-pdf-hosting","Common Use Cases for PDF Hosting",[12,17210,17211],{},"To give you some concrete inspiration, here's how different people use permanent PDF links in practice:",[115,17213,17214,17220,17226,17232,17238,17244],{},[36,17215,17216,17219],{},[237,17217,17218],{},"Restaurant owners"," host their menus and link to them via QR codes on tables. Updating the menu is as simple as re-uploading the file - no reprinting needed.",[36,17221,17222,17225],{},[237,17223,17224],{},"Job seekers"," upload a PDF and get a link to share from LinkedIn profiles, portfolios, and email signatures.",[36,17227,17228,17231],{},[237,17229,17230],{},"Event organizers"," host programs, schedules, and maps so attendees can pull them up on their phones.",[36,17233,17234,17237],{},[237,17235,17236],{},"Small businesses"," host product catalogs, price lists, and brochures for sales teams and customers.",[36,17239,17240,17243],{},[237,17241,17242],{},"Teachers and professors"," host syllabi, reading materials, and handouts so students always have access.",[36,17245,17246,17249,17250,46],{},[237,17247,17248],{},"Designers and creatives"," host portfolio PDFs to share with potential clients. If you're a designer looking for a more complete solution, you might also look into how to ",[40,17251,11994],{"href":3513},[22,17253,639],{"id":638},[12,17255,17256],{},[237,17257,17258],{},"Can I host a PDF online free?",[12,17260,17261,17262,17264],{},"Yes, several methods let you host a PDF online for free. Google Drive, Dropbox (within storage limits), and GitHub Pages all work at no cost. Hostsmith also has a free tier that includes one site with a ",[51,17263,8251],{}," subdomain, though it's limited to 5 MB and 5,000 monthly visitors. Dedicated PDF tools often have free tiers too, though they may come with ads or link expiration. For PDF hosting free of ads and branding, your best bets are Google Drive, GitHub Pages, or Hostsmith.",[12,17266,17267],{},[237,17268,17269],{},"How do I get a permanent PDF link?",[12,17271,17272],{},"Upload your PDF to a reliable hosting service and make sure you're using a method that doesn't expire links. Google Drive links stay active as long as your account exists. Hostsmith doesn't expire links or auto-delete files, so your subdomain URL stays live indefinitely. Avoid services that remove files after 30 or 90 days unless you only need temporary hosting. The key to a permanent PDF link is choosing a platform with a track record of stability.",[12,17274,17275],{},[237,17276,17277],{},"Can I password-protect a hosted PDF?",[12,17279,17280],{},"It depends on the platform. Google Drive lets you restrict access to specific email addresses (though that's not quite a password). Dropbox offers password-protected shared links on paid plans. Most free hosting tools don't offer password protection. Hostsmith offers password protection (shared password or email whitelist) from the Starter plan up. If your host doesn't offer it, your fallback is to password-protect the PDF itself using Adobe Acrobat or a similar tool before uploading.",[12,17282,17283],{},[237,17284,17285],{},"What's the max file size for hosting a PDF?",[12,17287,17288],{},"This varies widely. Google Drive gives you 15 GB of shared storage. GitHub Pages has a soft limit of about 1 GB per repository. Dedicated tools range anywhere from 5 MB to 100 MB on free tiers. Hostsmith's free tier allows up to 5 MB per upload, while paid plans handle files up to 10 GB. If your PDF is large, compress it first - but know that some documents (catalogs, portfolios with images) will still be sizable, and you may need a paid plan on whatever platform you choose.",[12,17290,17291],{},[237,17292,17293],{},"Can I update a hosted PDF without changing the URL?",[12,17295,17296],{},"With most methods, yes. On Google Drive and Dropbox, you can replace the file and the link stays the same. On Hostsmith, you can redeploy to the same subdomain. On GitHub Pages, you push an updated file to the same path. This is one of the biggest advantages of proper PDF hosting over just emailing files around - one link, always up to date.",[8509,17298],{},[12,17300,17301],{},"Hosting a PDF online and getting a shareable, permanent PDF URL doesn't need to be complicated. For quick personal use, Google Drive works fine. For something that looks professional, loads fast, and gives you a clean PDF URL you can actually put on a business card, Hostsmith is what I'd point you toward. Whatever method you pick, just make sure you test the link, optimize your file size, and choose a platform that won't let your URL die after a month.",[12,17303,17304],{},"Hopefully this guide gets you there.",{"title":645,"searchDepth":646,"depth":646,"links":17306},[17307,17308,17309,17316,17317,17318,17319],{"id":16487,"depth":646,"text":16488},{"id":16542,"depth":646,"text":16543},{"id":16577,"depth":646,"text":16578,"children":17310},[17311,17312,17313,17314,17315],{"id":16584,"depth":656,"text":16585},{"id":16665,"depth":656,"text":16666},{"id":16738,"depth":656,"text":16739},{"id":16810,"depth":656,"text":16811},{"id":16874,"depth":656,"text":16875},{"id":16955,"depth":646,"text":16956},{"id":17152,"depth":646,"text":17153},{"id":17207,"depth":646,"text":17208},{"id":638,"depth":646,"text":639},"Host a PDF online and get a URL: five options compared, from Google Drive and Dropbox to GitHub Pages and a static host, with the trade-offs of each.","mdi:file-pdf-box",{"excerpt":17323},{"type":9,"value":17324},[17325,17329],[12,17326,16477,17327,16481],{},[18,17328,16480],{},[12,17330,16484],{},{"title":16472,"description":17320},"pdf-hosting-guide",[4305,1598,17334],"Tutorials","9sEvNdD12-Y1IXB0eEp_CghGA-xX4boe2mxgZ5dfqx4",{"id":17337,"title":17338,"alt":6,"author":7,"body":17339,"date":17998,"description":17999,"extension":666,"icon":18000,"image":6,"meta":18001,"navigation":673,"path":3957,"published":6,"seo":18012,"stem":18013,"tags":18014,"__hash__":18017},"blog\u002Fcreate-link-to-pdf.md","How to Create a Link to a PDF (5 Easy Methods)",{"type":9,"value":17340,"toc":17986},[17341,17347,17352,17355,17359,17362,17364,17367,17372,17410,17416,17420,17434,17438,17455,17460,17462,17465,17469,17502,17505,17509,17523,17527,17541,17546,17550,17553,17557,17588,17592,17606,17610,17624,17629,17633,17636,17643,17648,17668,17671,17675,17692,17696,17710,17715,17719,17722,17726,17749,17756,17760,17774,17778,17792,17797,17801,17804,17895,17899,17902,17914,17927,17933,17939,17948,17950,17956,17962,17968,17974,17980],[12,17342,17343,17344,17346],{},"You've got a PDF sitting on your computer and you need to turn it into a link. Maybe it's a class syllabus, a restaurant menu, a pricing sheet, or a resume you want to include in your ",[40,17345,5582],{"href":3513},". Whatever it is, you need to know how to create a link to a PDF so anyone with the URL can open it in their browser. No downloads, no attachments, no \"can you resend that?\" emails.",[12,17348,17349,17350,46],{},"Quick clarification before we dive in - this article is about how to turn a PDF into a link that anyone can click and view. If you're looking to add clickable hyperlinks inside a PDF document, that's a different process entirely. And if you're more interested in the broader topic of sharing PDFs across different platforms, check out our guide on ",[40,17351,13177],{"href":4074},[12,17353,17354],{},"I run into this constantly - someone asks for a document and the easiest thing is just to send a link. The good news is there are several ways to create a link to PDF files, and most of them are free. Some take thirty seconds, some give you more control. Here's the full breakdown so you can pick the method that fits your situation.",[22,17356,17358],{"id":17357},"how-to-link-a-pdf-using-cloud-storage","How to Link a PDF Using Cloud Storage",[12,17360,17361],{},"The first three methods all use cloud storage platforms you probably already have. Each one lets you upload a PDF and generate a document link you can share with anyone - the main differences are in storage limits and the sharing experience.",[502,17363,10816],{"id":13353},[12,17365,17366],{},"If you already live in Google's ecosystem, this is probably your first instinct. And honestly, it works fine for most casual use cases.",[12,17368,17369],{},[237,17370,17371],{},"Step by step:",[33,17373,17374,17380,17390,17393,17398,17403,17407],{},[36,17375,16598,17376,17379],{},[40,17377,16603],{"href":16601,"rel":17378},[44]," and sign in",[36,17381,17382,17383,17386,17387],{},"Click the ",[237,17384,17385],{},"New"," button (top left) and select ",[237,17388,17389],{},"File upload",[36,17391,17392],{},"Pick your PDF and wait for it to upload",[36,17394,17395,17396],{},"Right-click the uploaded file and select ",[237,17397,12446],{},[36,17399,17400,17401],{},"Under \"General access,\" change it from \"Restricted\" to ",[237,17402,16615],{},[36,17404,12377,17405],{},[237,17406,16691],{},[36,17408,17409],{},"Send that link to whoever needs it",[12,17411,17412,17413,46],{},"That's it. The link will open the PDF in Google's built-in viewer, which works on pretty much every device. If you want to edit the PDF first, see our guide on ",[40,17414,17415],{"href":3990},"how to upload a PDF to Google Docs",[12,17417,17418],{},[237,17419,16623],{},[115,17421,17422,17425,17428,17431],{},[36,17423,17424],{},"Free with any Google account (15 GB shared across Drive, Gmail, and Photos)",[36,17426,17427],{},"Built-in viewer works on mobile and desktop",[36,17429,17430],{},"You can update the PDF later without changing the link",[36,17432,17433],{},"Granular permission controls if you need them",[12,17435,17436],{},[237,17437,16642],{},[115,17439,17440,17443,17446,17449,17452],{},[36,17441,17442],{},"The generated URLs are long and ugly",[36,17444,17445],{},"Recipients see the Google Drive interface, which can look unprofessional for business use",[36,17447,17448],{},"Google's viewer occasionally reformats PDFs with unusual fonts",[36,17450,17451],{},"The viewer has a roughly 100 MB file size limit for previewing PDFs - larger files will prompt a download instead",[36,17453,17454],{},"Your 15 GB is shared with email and photos, so it fills up",[12,17456,17457,17459],{},[237,17458,16661],{}," Quick, informal sharing when you and the recipient are already Google users. Great for teachers sending syllabi to students or sharing docs within a team.",[502,17461,13318],{"id":13363},[12,17463,17464],{},"Dropbox has been around forever and the link-creation flow is pretty smooth. If you're already paying for Dropbox, this is a no-brainer.",[12,17466,17467],{},[237,17468,17371],{},[33,17470,17471,17478,17485,17488,17493,17498],{},[36,17472,16598,17473,17379],{},[40,17474,17477],{"href":17475,"rel":17476},"https:\u002F\u002Fwww.dropbox.com",[44],"dropbox.com",[36,17479,17480,17481,17484],{},"Upload your PDF by clicking ",[237,17482,17483],{},"Upload"," or dragging it into the browser",[36,17486,17487],{},"Hover over the uploaded file",[36,17489,17382,17490,17492],{},[237,17491,12446],{}," button (or the link icon)",[36,17494,12377,17495,17497],{},[237,17496,16688],{}," if one doesn't exist yet",[36,17499,12377,17500],{},[237,17501,16691],{},[12,17503,17504],{},"The link opens a Dropbox preview page where people can view or download the PDF.",[12,17506,17507],{},[237,17508,16623],{},[115,17510,17511,17514,17517,17520],{},[36,17512,17513],{},"Clean preview page",[36,17515,17516],{},"Desktop app syncs automatically, so you can drop files into a folder and share from the web",[36,17518,17519],{},"Link password protection available on paid plans",[36,17521,17522],{},"You can set link expiration dates (paid feature)",[12,17524,17525],{},[237,17526,16642],{},[115,17528,17529,17532,17535,17538],{},[36,17530,17531],{},"Free tier only gives you 2 GB of storage and limits you to 3 linked devices",[36,17533,17534],{},"Recipients see a Dropbox-branded page with download prompts",[36,17536,17537],{},"The preview viewer is less reliable than Google's for complex PDFs",[36,17539,17540],{},"Free links don't support password protection",[12,17542,17543,17545],{},[237,17544,16661],{}," People who already use Dropbox for file management and want to generate links from their existing workflow.",[502,17547,17549],{"id":17548},"onedrive","OneDrive",[12,17551,17552],{},"If your workplace runs on Microsoft 365, OneDrive is already there. The sharing flow is similar to Google Drive but lives inside Microsoft's ecosystem.",[12,17554,17555],{},[237,17556,17371],{},[33,17558,17559,17567,17572,17577,17584],{},[36,17560,16598,17561,17566],{},[40,17562,17565],{"href":17563,"rel":17564},"https:\u002F\u002Fonedrive.live.com",[44],"onedrive.live.com"," and sign in with your Microsoft account",[36,17568,12377,17569,17571],{},[237,17570,17483],{}," and select your PDF",[36,17573,17574,17575],{},"Right-click the file and choose ",[237,17576,12446],{},[36,17578,17579,17580,17583],{},"In the sharing dialog, click ",[237,17581,17582],{},"Anyone with the link can view"," (adjust as needed)",[36,17585,12377,17586],{},[237,17587,16691],{},[12,17589,17590],{},[237,17591,16623],{},[115,17593,17594,17597,17600,17603],{},[36,17595,17596],{},"5 GB free storage with a Microsoft account",[36,17598,17599],{},"Deep integration with Office apps and Outlook",[36,17601,17602],{},"Link permissions are flexible (view-only, edit, download restrictions)",[36,17604,17605],{},"Works well in corporate environments where Microsoft 365 is standard",[12,17607,17608],{},[237,17609,16642],{},[115,17611,17612,17615,17618,17621],{},[36,17613,17614],{},"The sharing dialog can be confusing with its multiple permission layers",[36,17616,17617],{},"OneDrive's web interface feels slower than Google Drive",[36,17619,17620],{},"The PDF viewer is decent but not as polished as Google's",[36,17622,17623],{},"URLs are just as long and messy as Google Drive links",[12,17625,17626,17628],{},[237,17627,16661],{}," People already in the Microsoft ecosystem, especially in corporate or education settings where Microsoft 365 is the default.",[22,17630,17632],{"id":17631},"method-4-create-a-pdf-url-with-a-hosting-service","Method 4: Create a PDF URL with a Hosting Service",[12,17634,17635],{},"Here's the approach I've started using more and more. Instead of going through a cloud storage platform, you upload the PDF to a hosting service and get a clean, direct link. No login screens for the recipient, no \"view in Drive\" wrapper - just the PDF in the browser.",[12,17637,17638,17639,17642],{},"This is what tools like ",[40,17640,389],{"href":603,"rel":17641},[44]," are built for. You create a free account, drag your PDF onto the page, and get a link. The file gets served through a CDN, so it loads fast regardless of where the person clicking the link is located.",[12,17644,17645],{},[237,17646,17647],{},"Step by step (using Hostsmith):",[33,17649,17650,17655,17658,17665],{},[36,17651,16598,17652,16894],{},[40,17653,1339],{"href":603,"rel":17654},[44],[36,17656,17657],{},"Drag your PDF file onto the upload area",[36,17659,17660,17661,17664],{},"Your file gets a ",[51,17662,17663],{},".hostsmith.link"," URL",[36,17666,17667],{},"Copy the link and share it",[12,17669,17670],{},"No permission dialogs, no fumbling through sharing settings. The recipient clicks the link and sees the PDF. That's it.",[12,17672,17673],{},[237,17674,16623],{},[115,17676,17677,17680,17683,17686,17689],{},[36,17678,17679],{},"Quick path from file to link - under a minute for most files",[36,17681,17682],{},"Clean URL without cloud storage branding",[36,17684,17685],{},"CDN-backed delivery means fast loading worldwide",[36,17687,17688],{},"No account required for the recipient to view the PDF",[36,17690,17691],{},"Free tier available",[12,17693,17694],{},[237,17695,16642],{},[115,17697,17698,17701,17704,17707],{},[36,17699,17700],{},"Free tier has a 5 MB storage limit and a 5,000 monthly visitor cap (paid plans go much higher)",[36,17702,17703],{},"Free tier includes Hostsmith branding on the page",[36,17705,17706],{},"Less granular permission controls compared to Google Drive",[36,17708,17709],{},"Not a full file management system - it's purpose-built for hosting",[12,17711,17712,17714],{},[237,17713,16661],{}," Anyone who wants a fast, simple way to create a link to PDF files - small business owners sharing menus or catalogs, marketers sending brochures, freelancers sharing deliverables with clients.",[22,17716,17718],{"id":17717},"method-5-your-own-website-or-server","Method 5: Your Own Website or Server",[12,17720,17721],{},"If you already have a website, you can just upload the PDF to your web server and link to it directly. This gives you complete control but requires a bit more technical setup.",[12,17723,17724],{},[237,17725,17371],{},[33,17727,17728,17731,17740,17746],{},[36,17729,17730],{},"Connect to your web server via SFTP, file manager, or your CMS's media uploader",[36,17732,17733,17734,3298,17737,8341],{},"Upload the PDF to a public directory (like ",[51,17735,17736],{},"\u002Ffiles\u002F",[51,17738,17739],{},"\u002Fdocuments\u002F",[36,17741,17742,17743],{},"The URL will be something like ",[51,17744,17745],{},"yoursite.com\u002Ffiles\u002Fdocument.pdf",[36,17747,17748],{},"Share that URL",[12,17750,17751,17752,17755],{},"If you're using WordPress, you can upload the PDF through the Media Library and grab the file URL from there. Same idea with most CMS platforms. You can also ",[40,17753,17754],{"href":3982},"embed the PDF directly in an HTML page"," if you want it to appear inline on your site rather than as a standalone file.",[12,17757,17758],{},[237,17759,16623],{},[115,17761,17762,17765,17768,17771],{},[36,17763,17764],{},"Full control over the URL and file",[36,17766,17767],{},"No third-party branding",[36,17769,17770],{},"Your domain adds credibility",[36,17772,17773],{},"No storage limits beyond your hosting plan",[12,17775,17776],{},[237,17777,16642],{},[115,17779,17780,17783,17786,17789],{},[36,17781,17782],{},"Requires an existing website and hosting",[36,17784,17785],{},"More technical setup than the other methods",[36,17787,17788],{},"No built-in analytics (unless you set that up separately)",[36,17790,17791],{},"You're responsible for keeping the link alive",[12,17793,17794,17796],{},[237,17795,16661],{}," Businesses and professionals who already have a website and want PDF document links on their own domain.",[22,17798,17800],{"id":17799},"quick-comparison","Quick Comparison",[12,17802,17803],{},"Here's the at-a-glance version for those of you who scrolled straight to this section. I respect that.",[198,17805,17806,17824],{},[201,17807,17808],{},[204,17809,17810,17812,17815,17818,17821],{},[207,17811,8084],{},[207,17813,17814],{},"Time to Link",[207,17816,17817],{},"Free Tier Limit",[207,17819,17820],{},"Recipient Needs Account?",[207,17822,17823],{},"Custom URL",[229,17825,17826,17840,17853,17866,17881],{},[204,17827,17828,17830,17833,17836,17838],{},[234,17829,10816],{},[234,17831,17832],{},"~1 min",[234,17834,17835],{},"15 GB storage (shared)",[234,17837,2236],{},[234,17839,2236],{},[204,17841,17842,17844,17846,17849,17851],{},[234,17843,13318],{},[234,17845,17832],{},[234,17847,17848],{},"2 GB storage, 3 devices",[234,17850,2236],{},[234,17852,2236],{},[204,17854,17855,17857,17859,17862,17864],{},[234,17856,17549],{},[234,17858,17832],{},[234,17860,17861],{},"5 GB storage",[234,17863,2236],{},[234,17865,2236],{},[204,17867,17868,17870,17873,17876,17878],{},[234,17869,389],{},[234,17871,17872],{},"Under 1 min",[234,17874,17875],{},"5 MB per file, 5K visitors\u002Fmo",[234,17877,2236],{},[234,17879,17880],{},"Pro plan+",[204,17882,17883,17886,17888,17891,17893],{},[234,17884,17885],{},"Own website",[234,17887,17013],{},[234,17889,17890],{},"Depends on host",[234,17892,2236],{},[234,17894,270],{},[22,17896,17898],{"id":17897},"tips-for-better-pdf-links","Tips for Better PDF Links",[12,17900,17901],{},"Before you create a link to a PDF and send it off, a few things will make the experience better for whoever's clicking that link:",[12,17903,17904,17907,17908,17913],{},[237,17905,17906],{},"Optimize the file size."," A 50 MB PDF is going to load slowly no matter where it's hosted. Compress it before uploading. Tools like ",[40,17909,17912],{"href":17910,"rel":17911},"https:\u002F\u002Fsmallpdf.com",[44],"Smallpdf"," or Preview on Mac (File > Export > Quartz Filter > Reduce File Size) can shrink files dramatically without visible quality loss.",[12,17915,17916,17919,17920,17923,17924,4110],{},[237,17917,17918],{},"Name the file something readable."," ",[51,17921,17922],{},"Q4-2026-Marketing-Report.pdf"," tells the recipient what they're opening. ",[51,17925,17926],{},"scan_final_FINAL_v3(1).pdf",[12,17928,17929,17932],{},[237,17930,17931],{},"Test the link before sending."," Open it in an incognito window to make sure it actually works without your login session. I've made this mistake more than once - the link worked for me because I was logged into Drive, but the person I sent it to got an access denied page.",[12,17934,17935,17938],{},[237,17936,17937],{},"Think about whether the link should expire."," If you're sharing something time-sensitive, Dropbox's paid plans and some hosting tools let you set expiration dates. If you're sharing a menu or a catalog, you probably want the link to stay up indefinitely.",[12,17940,17941,17944,17945,2732],{},[237,17942,17943],{},"Check where the link is going."," Facebook takes PDF files only in Groups and Messenger, so on a Page or a timeline you post the link instead (",[40,17946,17947],{"href":4300},"how to upload a PDF to Facebook",[22,17949,639],{"id":638},[12,17951,17952,17955],{},[237,17953,17954],{},"Can I create a PDF link for free?","\nYes. If you need to know how to create a link to a PDF for free, Google Drive, OneDrive, and Hostsmith all offer free tiers that let you upload a PDF and generate a shareable link. Google Drive gives you the most free storage, while Hostsmith gives you the fastest upload-to-link experience.",[12,17957,17958,17961],{},[237,17959,17960],{},"Will the recipient need to download the PDF?","\nNot necessarily. Most methods display the PDF directly in the browser. Google Drive, OneDrive, and hosting services all have built-in viewers. The recipient can usually choose to download if they want, but they don't have to.",[12,17963,17964,17967],{},[237,17965,17966],{},"Can I update the PDF without changing the link?","\nWith Google Drive, Dropbox, and OneDrive, yes - you can replace the file and the link stays the same. With Hostsmith, you can re-upload a new version of the file to the same site and the URL stays the same. With your own website, just overwrite the file on your server.",[12,17969,17970,17973],{},[237,17971,17972],{},"How do I make a PDF link that doesn't require sign-in?","\nWhen sharing from Google Drive or OneDrive, make sure you set the access to \"Anyone with the link.\" By default, these services restrict access, which means your recipient might see a login screen. Hosting services like Hostsmith don't have this issue since the link is public by default.",[12,17975,17976,17979],{},[237,17977,17978],{},"What's the fastest way to create a link to a PDF?","\nDrag-and-drop hosting services are the fastest option to create a PDF URL you can share immediately. Hostsmith, for example, gives you a live URL within a minute of uploading your file. Cloud storage services take a bit longer because of the upload-then-share workflow and permission settings.",[12,17981,17982,17985],{},[237,17983,17984],{},"How do I turn a PDF into a link I can text or email?","\nAny of the five methods above will give you a URL you can paste into a text message, email, or chat. If you want the quickest path to a shareable link, a hosting service or Google Drive are your best bets. Once you have the URL, it works anywhere you can paste text.",{"title":645,"searchDepth":646,"depth":646,"links":17987},[17988,17993,17994,17995,17996,17997],{"id":17357,"depth":646,"text":17358,"children":17989},[17990,17991,17992],{"id":13353,"depth":656,"text":10816},{"id":13363,"depth":656,"text":13318},{"id":17548,"depth":656,"text":17549},{"id":17631,"depth":646,"text":17632},{"id":17717,"depth":646,"text":17718},{"id":17799,"depth":646,"text":17800},{"id":17897,"depth":646,"text":17898},{"id":638,"depth":646,"text":639},"2026-04-14","Create a link to a PDF: upload it to Google Drive, set sharing to 'Anyone with the link' and copy the URL. Plus Dropbox, OneDrive and static-host options.","solar:link-bold",{"excerpt":18002},{"type":9,"value":18003},[18004,18008],[12,18005,17343,18006,17346],{},[40,18007,5582],{"href":3513},[12,18009,17349,18010,46],{},[40,18011,13177],{"href":4074},{"title":17338,"description":17999},"create-link-to-pdf",[4305,18015,18016,16480],"link","file sharing","uTi9dfuZkoUFDsD__iF7qk4iCESaleiqxtI4NS3CuBs",{"id":18019,"title":18020,"alt":6,"author":685,"body":18021,"date":18301,"description":18302,"extension":666,"icon":18303,"image":6,"meta":18304,"navigation":673,"path":189,"published":6,"seo":18311,"stem":18312,"tags":18313,"__hash__":18316},"blog\u002Fdrag-and-drop-website-hosting.md","Drag-and-Drop Website Hosting: A Fast Way to Get a URL",{"type":9,"value":18022,"toc":18286},[18023,18026,18029,18033,18040,18043,18047,18050,18053,18056,18061,18064,18066,18069,18072,18075,18077,18080,18083,18086,18089,18092,18095,18098,18101,18105,18108,18111,18114,18116,18122,18125,18128,18131,18135,18138,18231,18234,18238,18241,18247,18253,18259,18265,18271,18275,18278,18281,18283],[12,18024,18025],{},"You have a folder of HTML, CSS, and maybe some images. You need a URL. Not next week, not after configuring a CI pipeline - now. Drag-and-drop hosting exists precisely for this moment: take a folder from your desktop and drop it into a browser window.",[12,18027,18028],{},"But \"drag and drop\" means different things on different platforms. Some give you a URL in seconds. Others make you click through project settings, pick a framework, and name your deployment before you even get to the upload screen. I tested the main options to see what the experience actually looks like when you just want to get files online.",[22,18030,18032],{"id":18031},"builders-vs-hosting-know-what-you-are-searching-for","Builders vs. hosting - know what you are searching for",[12,18034,18035,18036,18039],{},"If you search for \"drag and drop website hosting,\" most results are about website ",[18,18037,18038],{},"builders"," - Wix, Squarespace, Webflow. Those tools help you design a site from scratch using visual editors. Useful if you are starting from zero, but completely different from what we are talking about.",[12,18041,18042],{},"This article is about hosting files you already have. You built something (or someone handed you a folder), and now it needs a URL. The distinction matters because builders lock you into their ecosystem. Drag-and-drop hosts just serve what you give them.",[22,18044,18046],{"id":18045},"what-drag-and-drop-actually-looks-like","What \"drag and drop\" actually looks like",[12,18048,18049],{},"Not every platform that claims drag-and-drop support means the same thing by it. Here is what I found when I tested the workflow on each one, focusing on the bit that matters: how many steps sit between you and a live URL.",[502,18051,239],{"id":18052},"netlify-drop",[12,18054,18055],{},"Head to app.netlify.com\u002Fdrop (or search for \"Netlify Drop\" if that URL has moved) and you will see a drop zone. Drag your folder in, and your site is live within seconds. For a first-time user, that is about as frictionless as it gets.",[12,18057,18058,18059,46],{},"Where the friction creeps in is after that first deploy. Netlify Drop is a front door into the full Netlify platform, and once you are inside, the dashboard has build settings, deploy contexts, environment variables, and a dozen other things you probably do not need. If you want to redeploy, you are navigating a platform that was built for teams running CI pipelines. It works - but it is more cockpit than you bargained for. If that is the part that puts you off, there is a separate rundown of ",[40,18060,7336],{"href":674},[12,18062,18063],{},"On the free tier, you get 300 shared credits per month. Those credits cover deploys (15 credits each), bandwidth (10 credits per GB), and web requests (3 credits per 10,000 requests). The shared pool means you need to balance all three, and the math can get unintuitive fast. All free-tier sites are public - password protection requires a paid plan. Sites persist as long as your account is active.",[502,18065,289],{"id":526},[12,18067,18068],{},"Cloudflare Pages supports direct uploads, but calling it \"drag and drop\" is a stretch. You need to create a project first, navigate to Workers & Pages, click \"Create,\" choose \"Pages,\" pick \"Upload assets,\" name your project, and then you get a drop zone. It is maybe six or seven clicks before you can actually drag anything.",[12,18070,18071],{},"Once you are past that setup, though, the actual upload works well. You can drop a folder or a zip file - up to 1,000 files via the browser, with a 25 MiB limit per individual file. (The Wrangler CLI supports up to 20,000 files if you need more.) The big selling point is unlimited bandwidth on the free tier, subject to a fair use policy. Sites persist as long as your account exists.",[12,18073,18074],{},"The trade-off is clear: more setup friction, but more headroom once you are in. If you expect traffic spikes or need to host something long-term without worrying about bandwidth caps, those extra clicks at the start are worth it. If you just need a quick preview URL, you will notice every one of them.",[502,18076,312],{"id":544},[12,18078,18079],{},"tiiny.host strips the process down to almost nothing. Pick your file, choose a subdomain name, upload. The interface barely has any UI to speak of, which is either refreshing or limiting depending on your needs.",[12,18081,18082],{},"The free tier is quite restricted in upload size - their exact limits and pricing structure have changed multiple times, so check the current plans on their site before committing. There is no API and no programmatic access. For a single HTML page or a PDF you need to share, it does the job. For anything with images or multiple assets, you will likely bump into limits quickly.",[12,18084,18085],{},"I reckon tiiny.host occupies a specific niche: the genuinely tiny upload. A one-page resume, a quick mockup, a PDF proposal. For those tasks it is excellent. For anything beyond that, you will outgrow it.",[502,18087,14805],{"id":18088},"neocities",[12,18090,18091],{},"Neocities takes a different approach entirely. It is a community-driven platform that started as a spiritual successor to Geocities - if you remember hand-coded personal homepages in the late 90s, this is their modern equivalent.",[12,18093,18094],{},"The drag-and-drop works, but it is file-by-file rather than folder-based. You upload individual files into a browser-based file manager. For a small site that is fine. For a project with nested folders and dozens of assets, it gets tedious.",[12,18096,18097],{},"What makes Neocities genuinely different from everything else on this list is the community layer. Your site exists alongside thousands of other personal sites, and people actually browse them. There is a social feed, a discovery page, followers. If you are making a personal or creative project and you want people to stumble across it, no other hosting platform offers that. Sites stay up as long as your account is active, and the free tier gives you 1 GB of storage.",[12,18099,18100],{},"For utility hosting - getting a client preview online, deploying a project demo - it is not the right tool. For personal expression on the web, it is one of a kind.",[502,18102,18104],{"id":18103},"edgeone-pages-drop","EdgeOne Pages Drop",[12,18106,18107],{},"EdgeOne Pages Drop comes from Tencent Cloud and is a newer entrant in this space. The product is still evolving, so treat the specific details here with appropriate caution - check their site for current terms.",[12,18109,18110],{},"Reports suggest that using it without registering gives you a temporary link that expires after a short window. That could work for a quick \"have a look at this\" moment, but register an account if you need anything to stick around. The free tier appears to support multiple projects with reasonable file size limits, though the exact numbers are worth confirming directly.",[12,18112,18113],{},"For now, I would file this one under \"interesting to watch.\" The generous project limits are appealing if the details hold up, but the documentation and ecosystem are still catching up to the more established options.",[502,18115,389],{"id":598},[12,18117,18118,18121],{},[40,18119,389],{"href":603,"rel":18120},[44]," is where I would point someone who cares about what happens after the upload, not just the upload itself. The drag-and-drop is straightforward - drop your folder, get a URL on a hostsmith.link subdomain - but the real differentiator is the delivery. Your files are served from a CDN from day one, across all plans including free. That means a portfolio you share with a recruiter in Tokyo loads just as fast as it does for someone in London. Most of the simpler drag-and-drop platforms on this list either serve from a single region or bury the CDN behind a more complex setup.",[12,18123,18124],{},"The workflow is genuinely minimal. No project configuration, no build settings, no framework selection. Drop your folder, get your URL. That is the whole process.",[12,18126,18127],{},"The free tier gives you 1 site with 5,000 monthly visitors and 5 MB storage. The Pro plan - the most popular - bumps that to 5 sites, 100,000 monthly visitors, 500 MB storage, and 5 custom domains. There's also an Agency tier in between (25 sites, 25 custom domains, EU data residency) if you're between Pro and Premium. Premium goes up to 250 sites, 1,000,000 monthly visitors, 1 TB storage, and 50 custom domains.",[12,18129,18130],{},"Private Sites (password or email whitelist) is available from the Starter plan up. For public sites - project demos, landing pages, portfolios, freelance previews - the combination of zero-friction upload and CDN-backed delivery is hard to match at this price point.",[22,18132,18134],{"id":18133},"the-friction-comparison","The friction comparison",[12,18136,18137],{},"Here is a rough breakdown of how many steps each platform puts between \"I have a folder\" and \"I have a URL,\" assuming a brand new account:",[198,18139,18140,18155],{},[201,18141,18142],{},[204,18143,18144,18146,18149,18152],{},[207,18145,9480],{},[207,18147,18148],{},"Steps to first URL",[207,18150,18151],{},"Upload method",[207,18153,18154],{},"Notable friction",[229,18156,18157,18170,18183,18194,18207,18220],{},[204,18158,18159,18161,18164,18167],{},[234,18160,239],{},[234,18162,18163],{},"2-3 (drag and done)",[234,18165,18166],{},"Folder drag",[234,18168,18169],{},"Dashboard complexity after",[204,18171,18172,18174,18177,18180],{},[234,18173,312],{},[234,18175,18176],{},"2-3",[234,18178,18179],{},"File\u002Fzip upload",[234,18181,18182],{},"Tight size limits",[204,18184,18185,18187,18189,18191],{},[234,18186,389],{},[234,18188,18163],{},[234,18190,18166],{},[234,18192,18193],{},"5 MB storage on free tier",[204,18195,18196,18198,18201,18204],{},[234,18197,14805],{},[234,18199,18200],{},"4-5 (file by file)",[234,18202,18203],{},"Individual files",[234,18205,18206],{},"No folder upload",[204,18208,18209,18211,18214,18217],{},[234,18210,289],{},[234,18212,18213],{},"6-7 (project setup first)",[234,18215,18216],{},"Folder or zip",[234,18218,18219],{},"Several clicks before drop zone",[204,18221,18222,18224,18226,18228],{},[234,18223,18104],{},[234,18225,17013],{},[234,18227,17483],{},[234,18229,18230],{},"Temporary links without account",[12,18232,18233],{},"The low-friction options (Netlify Drop, tiiny.host, Hostsmith) get you a URL almost immediately. The higher-friction options (Cloudflare Pages) make you pay upfront with setup clicks but give you more room to grow. Neither approach is wrong - it depends on whether you are deploying once or a hundred times.",[22,18235,18237],{"id":18236},"what-to-think-about-beyond-the-upload","What to think about beyond the upload",[12,18239,18240],{},"Getting files online is the easy part. Here is what separates a good choice from a frustrating one over time.",[12,18242,18243,18246],{},[237,18244,18245],{},"How long does it stay up?"," Most platforms keep your site live as long as your account is active. EdgeOne Pages Drop is the exception - unregistered uploads may expire. If you need a permanent URL, make sure you understand the terms.",[12,18248,18249,18252],{},[237,18250,18251],{},"Can you handle traffic?"," Cloudflare Pages wins on raw bandwidth (unlimited, subject to fair use). Hostsmith gives you 5,000 visitors on free, scaling to 1,000,000 on Premium. Netlify's credit system means bandwidth, deploys, and requests all compete for the same pool.",[12,18254,18255,18258],{},[237,18256,18257],{},"Do you need a custom domain?"," Most free tiers give you a subdomain. Custom domains typically require a paid plan - Cloudflare Pages and Netlify are exceptions, offering them on their free tiers. Hostsmith supports custom domains from the Pro plan.",[12,18260,18261,18264],{},[237,18262,18263],{},"Does page speed matter?"," If your visitors are spread across multiple countries, CDN-backed hosting makes a real difference. Hostsmith and Cloudflare Pages both serve from edge locations. The others generally serve from a single region.",[12,18266,18267,18270],{},[237,18268,18269],{},"Do you need privacy?"," Most free tiers are public only. Netlify and Cloudflare offer access controls on paid plans. Hostsmith offers Private Sites (password or email whitelist) from the Starter plan up.",[22,18272,18274],{"id":18273},"my-take","My take",[12,18276,18277],{},"I have used all of these at one point or another. For a quick throwaway preview, Netlify Drop is muscle memory at this point. For anything that needs to load fast and look professional - a portfolio I am sharing, a demo for a client - I reach for Hostsmith because the CDN delivery is noticeable and the workflow stays out of my way. For bandwidth-heavy projects, Cloudflare Pages is the pragmatic choice even if the setup takes longer.",[12,18279,18280],{},"The honest truth is that the upload part is solved. Every one of these platforms can get your files online in under a minute. The real decision is about what happens next - and that is worth thinking about before you drag anything anywhere.",[22,18282,639],{"id":638},[641,18284],{":qas":18285},"[{\"q\":\"What is drag-and-drop website hosting?\",\"a\":\"Drag-and-drop website hosting lets you take a folder of existing website files - HTML, CSS, JavaScript, images - and upload them directly to a hosting service by dragging the folder into your browser. You get a live URL without needing to configure servers, use the command line, or set up a deployment pipeline.\"},{\"q\":\"Is drag-and-drop hosting the same as a website builder?\",\"a\":\"No. Website builders like Wix and Squarespace help you design and create a website from scratch using visual tools. Drag-and-drop hosting assumes you already have your website files and just need to put them online. They solve different problems - builders are for creating, drag-and-drop hosts are for deploying.\"},{\"q\":\"Which drag-and-drop hosting platform has the fewest steps?\",\"a\":\"Netlify Drop, tiiny.host, and Hostsmith all get you from folder to URL in two or three steps. Cloudflare Pages requires more upfront project setup but offers more room to grow. The right choice depends on whether you value speed of first deploy or long-term flexibility.\"},{\"q\":\"Can I use a custom domain with drag-and-drop hosting?\",\"a\":\"It depends on the service and plan. Cloudflare Pages supports custom domains on its free tier. Netlify also supports them for free. Hostsmith offers custom domains from the Pro plan. Most other services reserve custom domains for paid tiers.\"},{\"q\":\"How long do drag-and-drop hosted sites stay online?\",\"a\":\"Most services keep your site online indefinitely as long as your account is active. EdgeOne Pages Drop is an exception - unregistered uploads may expire after a short period. Always check the specific terms for the service you are using.\"},{\"q\":\"Is drag-and-drop hosting secure?\",\"a\":\"All the services covered here serve your files over HTTPS, so the connection between visitors and your site is encrypted. However, most free tiers do not offer password protection, meaning anyone with the URL can view your site. If you need access controls, Netlify and Cloudflare both offer them on paid plans. Hostsmith offers Private Sites (password or email whitelist) on the Starter plan and up.\"},{\"q\":\"Does page load speed differ between drag-and-drop hosts?\",\"a\":\"Yes. Platforms that serve files from a CDN - like Hostsmith and Cloudflare Pages - deliver content from edge locations worldwide, which means faster load times for visitors in different countries. Other platforms typically serve from a single region, which can mean slower loads for geographically distant visitors.\"}]",{"title":645,"searchDepth":646,"depth":646,"links":18287},[18288,18289,18297,18298,18299,18300],{"id":18031,"depth":646,"text":18032},{"id":18045,"depth":646,"text":18046,"children":18290},[18291,18292,18293,18294,18295,18296],{"id":18052,"depth":656,"text":239},{"id":526,"depth":656,"text":289},{"id":544,"depth":656,"text":312},{"id":18088,"depth":656,"text":14805},{"id":18103,"depth":656,"text":18104},{"id":598,"depth":656,"text":389},{"id":18133,"depth":646,"text":18134},{"id":18236,"depth":646,"text":18237},{"id":18273,"depth":646,"text":18274},{"id":638,"depth":646,"text":639},"2026-04-13","Drag a folder, get a URL in seconds - the hosts that actually mean it, the ones that bury the upload behind five clicks, and how the free tiers really compare.","mdi:cursor-default-click-outline",{"excerpt":18305},{"type":9,"value":18306},[18307,18309],[12,18308,18025],{},[12,18310,18028],{},{"title":18020,"description":18302},"drag-and-drop-website-hosting",[679,678,18314,18315],"website deployment","quick hosting","0cSRn6H2SPG-NjhzuhbRjGF8iwn4Cptc-9HyTsuRsuk",{"id":4,"title":5,"alt":6,"author":7,"body":18318,"date":664,"description":665,"extension":666,"icon":667,"image":6,"meta":18740,"navigation":673,"path":674,"published":6,"seo":18745,"stem":676,"tags":18746,"__hash__":680},{"type":9,"value":18319,"toc":18723},[18320,18322,18326,18328,18330,18332,18347,18352,18356,18358,18360,18365,18367,18369,18371,18373,18375,18377,18385,18387,18392,18394,18396,18398,18400,18402,18404,18406,18408,18415,18417,18419,18423,18427,18577,18633,18635,18640,18642,18646,18648,18650,18652,18654,18656,18658,18660,18662,18664,18668,18670,18672,18678,18680,18682,18684,18686,18688,18692,18694,18699,18701,18703,18705,18719,18721],[12,18321,14],{},[12,18323,18324],{},[18,18325,20],{},[22,18327,25],{"id":24},[12,18329,28],{},[12,18331,31],{},[33,18333,18334,18339,18345],{},[36,18335,38,18336,46],{},[40,18337,45],{"href":42,"rel":18338},[44],[36,18340,49,18341,54,18343,58],{},[51,18342,53],{},[51,18344,57],{},[36,18346,61],{},[12,18348,64,18349,70],{},[40,18350,69],{"href":67,"rel":18351},[44],[12,18353,73,18354,78],{},[40,18355,77],{"href":76},[22,18357,82],{"id":81},[12,18359,85],{},[12,18361,88,18362,94],{},[40,18363,93],{"href":91,"rel":18364},[44],[12,18366,97],{},[12,18368,100],{},[12,18370,103],{},[12,18372,106],{},[22,18374,110],{"id":109},[12,18376,113],{},[115,18378,18379,18381,18383],{},[36,18380,119],{},[36,18382,122],{},[36,18384,125],{},[12,18386,128],{},[12,18388,131,18389,137],{},[40,18390,136],{"href":134,"rel":18391},[44],[12,18393,140],{},[12,18395,143],{},[22,18397,147],{"id":146},[12,18399,150],{},[12,18401,153],{},[22,18403,157],{"id":156},[12,18405,160],{},[12,18407,163],{},[12,18409,166,18410,172,18413,46],{},[40,18411,171],{"href":169,"rel":18412},[44],[40,18414,176],{"href":175},[12,18416,179],{},[22,18418,183],{"id":182},[12,18420,186,18421,191],{},[40,18422,190],{"href":189},[12,18424,18425],{},[18,18426,196],{},[198,18428,18429,18447],{},[201,18430,18431],{},[204,18432,18433,18435,18437,18439,18441,18443,18445],{},[207,18434,209],{},[207,18436,212],{},[207,18438,215],{},[207,18440,218],{},[207,18442,221],{},[207,18444,224],{},[207,18446,227],{},[229,18448,18449,18467,18485,18503,18521,18541,18559],{},[204,18450,18451,18455,18457,18459,18461,18463,18465],{},[234,18452,18453],{},[237,18454,239],{},[234,18456,242],{},[234,18458,245],{},[234,18460,248],{},[234,18462,251],{},[234,18464,254],{},[234,18466,257],{},[204,18468,18469,18473,18475,18477,18479,18481,18483],{},[234,18470,18471],{},[237,18472,264],{},[234,18474,267],{},[234,18476,270],{},[234,18478,273],{},[234,18480,276],{},[234,18482,279],{},[234,18484,282],{},[204,18486,18487,18491,18493,18495,18497,18499,18501],{},[234,18488,18489],{},[237,18490,289],{},[234,18492,292],{},[234,18494,270],{},[234,18496,297],{},[234,18498,270],{},[234,18500,302],{},[234,18502,305],{},[204,18504,18505,18509,18511,18513,18515,18517,18519],{},[234,18506,18507],{},[237,18508,312],{},[234,18510,315],{},[234,18512,318],{},[234,18514,321],{},[234,18516,324],{},[234,18518,327],{},[234,18520,330],{},[204,18522,18523,18527,18531,18533,18535,18537,18539],{},[234,18524,18525],{},[237,18526,337],{},[234,18528,340,18529,344],{},[51,18530,343],{},[234,18532,347],{},[234,18534,350],{},[234,18536,353],{},[234,18538,356],{},[234,18540,359],{},[204,18542,18543,18547,18549,18551,18553,18555,18557],{},[234,18544,18545],{},[237,18546,366],{},[234,18548,369],{},[234,18550,270],{},[234,18552,374],{},[234,18554,270],{},[234,18556,379],{},[234,18558,382],{},[204,18560,18561,18565,18567,18569,18571,18573,18575],{},[234,18562,18563,390],{},[237,18564,389],{},[234,18566,393],{},[234,18568,270],{},[234,18570,398],{},[234,18572,401],{},[234,18574,404],{},[234,18576,407],{},[12,18578,410,18579,54,18582,54,18585,54,18588,429,18591,433,18594,54,18597,429,18600,448,18603,54,18606,54,18609,429,18612,469,18615,475,18618,429,18621,486,18624,429,18627,475,18630,46],{},[40,18580,415],{"href":413,"rel":18581},[44],[40,18583,420],{"href":418,"rel":18584},[44],[40,18586,93],{"href":91,"rel":18587},[44],[40,18589,428],{"href":426,"rel":18590},[44],[40,18592,136],{"href":134,"rel":18593},[44],[40,18595,438],{"href":436,"rel":18596},[44],[40,18598,420],{"href":441,"rel":18599},[44],[40,18601,447],{"href":445,"rel":18602},[44],[40,18604,453],{"href":451,"rel":18605},[44],[40,18607,458],{"href":456,"rel":18608},[44],[40,18610,463],{"href":461,"rel":18611},[44],[40,18613,468],{"href":466,"rel":18614},[44],[40,18616,474],{"href":472,"rel":18617},[44],[40,18619,480],{"href":478,"rel":18620},[44],[40,18622,485],{"href":483,"rel":18623},[44],[40,18625,463],{"href":489,"rel":18626},[44],[40,18628,495],{"href":493,"rel":18629},[44],[40,18631,500],{"href":498,"rel":18632},[44],[502,18634,264],{"id":504},[12,18636,507,18637,512],{},[40,18638,511],{"href":436,"rel":18639},[44],[12,18641,515],{},[12,18643,518,18644,523],{},[40,18645,522],{"href":521},[502,18647,289],{"id":526},[12,18649,529],{},[12,18651,532],{},[12,18653,535],{},[12,18655,538],{},[12,18657,541],{},[502,18659,312],{"id":544},[12,18661,547],{},[12,18663,550],{},[12,18665,553,18666,46],{},[40,18667,557],{"href":556},[502,18669,337],{"id":560},[12,18671,563],{},[12,18673,566,18674,569,18676,572],{},[51,18675,343],{},[51,18677,560],{},[12,18679,575],{},[12,18681,578],{},[502,18683,366],{"id":581},[12,18685,584],{},[12,18687,587],{},[12,18689,590,18690,595],{},[40,18691,594],{"href":593},[502,18693,389],{"id":598},[12,18695,18696,605],{},[40,18697,389],{"href":603,"rel":18698},[44],[12,18700,608],{},[22,18702,612],{"id":611},[12,18704,615],{},[115,18706,18707,18711,18715],{},[36,18708,18709,623],{},[237,18710,622],{},[36,18712,18713,629],{},[237,18714,628],{},[36,18716,18717,635],{},[237,18718,634],{},[22,18720,639],{"id":638},[641,18722],{":qas":643},{"title":645,"searchDepth":646,"depth":646,"links":18724},[18725,18726,18727,18728,18729,18730,18738,18739],{"id":24,"depth":646,"text":25},{"id":81,"depth":646,"text":82},{"id":109,"depth":646,"text":110},{"id":146,"depth":646,"text":147},{"id":156,"depth":646,"text":157},{"id":182,"depth":646,"text":183,"children":18731},[18732,18733,18734,18735,18736,18737],{"id":504,"depth":656,"text":264},{"id":526,"depth":656,"text":289},{"id":544,"depth":656,"text":312},{"id":560,"depth":656,"text":337},{"id":581,"depth":656,"text":366},{"id":598,"depth":656,"text":389},{"id":611,"depth":646,"text":612},{"id":638,"depth":646,"text":639},{"excerpt":18741},{"type":9,"value":18742},[18743],[12,18744,14],{},{"title":5,"description":665},[239,264,678,679],{"id":18748,"title":18749,"alt":6,"author":7687,"body":18750,"date":19433,"description":19434,"extension":666,"icon":19435,"image":6,"meta":19436,"navigation":673,"path":76,"published":6,"seo":19443,"stem":19444,"tags":19445,"__hash__":19450},"blog\u002Fhost-html-file-online.md","How to Host an HTML File Online (5 Fastest Methods)",{"type":9,"value":18751,"toc":19421},[18752,18755,18758,18762,18765,18768,18771,18803,18806,18810,18813,18818,18832,18835,18840,18866,18871,18877,18881,18884,18888,18915,18919,18940,18945,18950,18953,18957,18960,18964,18986,18990,19004,19009,19014,19018,19024,19028,19043,19047,19061,19066,19069,19075,19079,19087,19091,19105,19109,19123,19128,19136,19140,19221,19226,19258,19262,19265,19277,19283,19298,19306,19344,19347,19353,19357,19360,19414,19416,19419],[12,18753,18754],{},"You've got an HTML file on your laptop and you need it on the internet. Maybe it's a class project due in an hour, maybe it's a landing page prototype your client keeps asking about, maybe you just finished a freeCodeCamp exercise and want to show it off. Whatever the reason, you want to host that HTML file online and get a working URL - fast.",[12,18756,18757],{},"Good news: the options have gotten way better than the old-school \"rent a server and FTP your files\" approach. Here are five methods to host an HTML file online for free, ranked from quickest to most powerful.",[22,18759,18761],{"id":18760},"why-you-might-need-to-host-an-html-file-online","Why You Might Need to Host an HTML File Online",[12,18763,18764],{},"Before we jump in - if you already know why you're here, skip ahead. But if you're a student or someone learning web development, it's worth understanding what \"hosting\" actually means.",[12,18766,18767],{},"When you open an HTML file on your computer, your browser reads it straight from your hard drive. Nobody else can see it. Hosting means putting that file on a server connected to the internet so anyone with the URL can load it in their browser. That's it. You're making a local file public.",[12,18769,18770],{},"Common reasons people need free HTML hosting:",[115,18772,18773,18779,18785,18791,18797],{},[36,18774,18775,18778],{},[237,18776,18777],{},"Submitting class assignments"," that require a live URL",[36,18780,18781,18784],{},[237,18782,18783],{},"Sharing prototypes"," with clients or teammates",[36,18786,18787,18790],{},[237,18788,18789],{},"Publishing a portfolio"," you built by hand",[36,18792,18793,18796],{},[237,18794,18795],{},"Testing how a page behaves"," on a real server versus your local machine",[36,18798,18799,18802],{},[237,18800,18801],{},"Turning design exports"," (from Figma, Webflow, or other tools) into shareable links",[12,18804,18805],{},"Alright, let's break this down.",[22,18807,18809],{"id":18808},"method-1-netlify-drop-the-15-second-deploy","Method 1: Netlify Drop - The 15-Second Deploy",[12,18811,18812],{},"If you want the absolute fastest path from local file to live URL, start here.",[12,18814,18815],{},[237,18816,18817],{},"Steps:",[33,18819,18820,18826,18829],{},[36,18821,38,18822,18825],{},[40,18823,239],{"href":42,"rel":18824},[44]," in your browser",[36,18827,18828],{},"Drag your HTML file (or your whole project folder) onto the drop zone",[36,18830,18831],{},"Wait about 15 seconds - you've got a URL",[12,18833,18834],{},"That's genuinely it. No terminal commands, no Git, no configuration screens. Just drag and go. If that class project from the intro is due in an hour, this is your move.",[12,18836,18837],{},[237,18838,18839],{},"What to know:",[115,18841,18842,18845,18848,18851,18858,18861],{},[36,18843,18844],{},"No account is needed to drop, but the link sits behind a temporary password until you claim the site with a free Netlify account",[36,18846,18847],{},"The Free plan's 300 credits a month cover deploys (15 each), bandwidth (20 per GB) and requests, and every project pauses when they run out (October 2026)",[36,18849,18850],{},"Free custom domain support included",[36,18852,18853,18854,18857],{},"Your site gets a random ",[51,18855,18856],{},".netlify.app"," URL that you can customize after signing up",[36,18859,18860],{},"Claimed sites stay live while your account is active and has credits left",[36,18862,18863,18864],{},"When you outgrow it, there's a separate breakdown of ",[40,18865,7336],{"href":674},[12,18867,18868,18870],{},[237,18869,16661],{}," Students who need a link right now. Quick prototypes. \"Just make it work\" situations.",[12,18872,18873,18876],{},[237,18874,18875],{},"The catch:"," Netlify is a full developer platform under the hood. Once you're past the drop zone, the dashboard can feel overwhelming if you just wanted to host a single HTML file. Build settings, deploy contexts, environment variables - it's more cockpit than you signed up for.",[22,18878,18880],{"id":18879},"method-2-github-pages-free-hosting-with-version-control","Method 2: GitHub Pages - Free Hosting with Version Control",[12,18882,18883],{},"If you're a CS student or bootcamp learner, you probably already have a GitHub account. Good news - you're halfway to free HTML hosting.",[12,18885,18886],{},[237,18887,18817],{},[33,18889,18890,18898,18903,18906,18909],{},[36,18891,18892,18893],{},"Create a new repository on ",[40,18894,18897],{"href":18895,"rel":18896},"https:\u002F\u002Fgithub.com",[44],"GitHub",[36,18899,18900,18901,8341],{},"Upload your HTML file (name it ",[51,18902,2535],{},[36,18904,18905],{},"Go to Settings > Pages",[36,18907,18908],{},"Set the source to your main branch",[36,18910,18911,18912],{},"Wait a minute or two - your site goes live at ",[51,18913,18914],{},"username.github.io\u002Frepo-name",[12,18916,18917],{},[237,18918,18839],{},[115,18920,18921,18924,18927,18930,18937],{},[36,18922,18923],{},"Completely free with HTTPS and custom domain support",[36,18925,18926],{},"Bandwidth is soft-capped around 100 GB per month (GitHub treats it as a guideline, not a hard wall)",[36,18928,18929],{},"GitHub also recommends keeping published sites under 1 GB in size",[36,18931,18932,18933,18936],{},"Updating your site is just a ",[51,18934,18935],{},"git push"," - you get version history for free",[36,18938,18939],{},"Your source code is public on free repos",[12,18941,18942,18944],{},[237,18943,16661],{}," Developers, students building portfolios, anyone who wants HTML hosting with a professional workflow.",[12,18946,18947,18949],{},[237,18948,18875],{}," You need to know Git. For people comfortable with the command line, this is a non-issue. For everyone else, it's a wall. Not going to pretend Git is obvious the first time through - but once it clicks, GitHub Pages becomes the most reliable free HTML hosting option out there. Plus, having your projects on GitHub doubles as a portfolio for job applications.",[12,18951,18952],{},"One important note - GitHub's acceptable use policy says Pages is intended for personal sites, project documentation, and similar static content. Running a commercial app or online store on it is technically outside the rules.",[22,18954,18956],{"id":18955},"method-3-cloudflare-pages-when-performance-matters","Method 3: Cloudflare Pages - When Performance Matters",[12,18958,18959],{},"If you care about your page loading fast for visitors around the world, Cloudflare Pages is worth the extra setup time.",[12,18961,18962],{},[237,18963,18817],{},[33,18965,18966,18974,18977,18980,18983],{},[36,18967,18968,18969,18973],{},"Create a free ",[40,18970,7088],{"href":18971,"rel":18972},"https:\u002F\u002Fpages.cloudflare.com\u002F",[44]," account",[36,18975,18976],{},"Navigate to Workers & Pages and click \"Create\"",[36,18978,18979],{},"Choose \"Pages\" and then \"Upload assets\"",[36,18981,18982],{},"Name your project and drag your folder into the upload zone",[36,18984,18985],{},"Deploy - your site goes live on Cloudflare's global CDN",[12,18987,18988],{},[237,18989,18839],{},[115,18991,18992,18995,18998,19001],{},[36,18993,18994],{},"Unlimited bandwidth on the free tier (subject to fair use)",[36,18996,18997],{},"Up to 500 builds per month on the free tier (check Cloudflare's current pricing page for the latest limits)",[36,18999,19000],{},"Your files get served from hundreds of edge locations worldwide",[36,19002,19003],{},"Supports both direct upload and Git-based deployments",[12,19005,19006,19008],{},[237,19007,16661],{}," Projects that need to handle real traffic. Sites with visitors in multiple countries. Anything where load speed matters.",[12,19010,19011,19013],{},[237,19012,18875],{}," The setup has more friction than drag-and-drop tools. You're clicking through 6-7 steps before you can actually upload anything. Once it's set up, though, the performance is excellent. Files are served from the edge location nearest each visitor, so the page stays quick for readers on other continents too.",[22,19015,19017],{"id":19016},"method-4-hostsmith-drag-and-drop-globally-fast","Method 4: Hostsmith - Drag and Drop, Globally Fast",[12,19019,19020,19023],{},[40,19021,389],{"href":603,"rel":19022},[44]," (yes, that's us) sits in an interesting spot - drag-and-drop simplicity with CDN performance baked in from the start.",[12,19025,19026],{},[237,19027,18817],{},[33,19029,19030,19035,19038],{},[36,19031,38,19032,18825],{},[40,19033,389],{"href":603,"rel":19034},[44],[36,19036,19037],{},"Drag your HTML file or project folder onto the page",[36,19039,19040,19041,14062],{},"Get your URL on a ",[51,19042,17663],{},[12,19044,19045],{},[237,19046,18839],{},[115,19048,19049,19052,19055,19058],{},[36,19050,19051],{},"Files are served through a CDN, so your page loads fast regardless of where your visitor is",[36,19053,19054],{},"Free tier includes 1 site, 5,000 monthly visitors, and 5 MB storage - enough for a basic HTML page with light assets, but you'll hit the wall quickly with images",[36,19056,19057],{},"No build step, no framework selection, no project configuration",[36,19059,19060],{},"Paid plans add custom domains (starting at the Pro plan), more sites, higher storage, and higher traffic limits",[12,19062,19063,19065],{},[237,19064,16661],{}," Prototypes you're sharing with clients, portfolio pages, lightweight projects where you want fast global delivery without touching a terminal.",[12,19067,19068],{},"Speed matters more than it sounds in a client review. It's one thing to show a prototype - it's another when it loads fast on the client's phone, wherever they're opening it. The Pro plan gives you 5 sites, 100,000 monthly visitors, and 500 MB of storage, which covers most freelance and student use cases.",[12,19070,19071,19072,19074],{},"For what it's worth, we've got a deeper comparison of ",[40,19073,9848],{"href":189}," platforms if you want the workflow differences.",[22,19076,19078],{"id":19077},"method-5-vercel-for-javascript-heavy-projects","Method 5: Vercel - For JavaScript-Heavy Projects",[12,19080,19081,19082,19086],{},"Sometimes the \"HTML file\" is actually a React app, a Next.js project, or something built with Vite. If that's your situation, ",[40,19083,2894],{"href":19084,"rel":19085},"https:\u002F\u002Fvercel.com\u002F",[44]," is built specifically for this.",[12,19088,19089],{},[237,19090,18817],{},[33,19092,19093,19096,19099,19102],{},[36,19094,19095],{},"Create a free Vercel account and connect your GitHub repo",[36,19097,19098],{},"Import your project",[36,19100,19101],{},"Vercel auto-detects the framework and builds it",[36,19103,19104],{},"Every push to your repo triggers a new deploy",[12,19106,19107],{},[237,19108,18839],{},[115,19110,19111,19114,19117,19120],{},[36,19112,19113],{},"The free \"Hobby\" tier includes generous bandwidth (check Vercel's current limits, as they adjust these periodically)",[36,19115,19116],{},"Automatic deploys on every Git push",[36,19118,19119],{},"Preview URLs for every branch (great for showing different versions to clients)",[36,19121,19122],{},"The free tier is restricted to non-commercial, personal use",[12,19124,19125,19127],{},[237,19126,16661],{}," Frontend developers working with frameworks. If you're building with React, Vue, Svelte, or Next.js, this is the tool.",[12,19129,19130,19132,19133,19135],{},[237,19131,18875],{}," For a plain HTML file, Vercel is way more tooling than you need. But if your \"HTML file\" has a ",[51,19134,14196],{}," and a build step, Vercel handles that seamlessly.",[22,19137,19139],{"id":19138},"quick-comparison-how-to-host-an-html-file-online-free","Quick Comparison: How to Host an HTML File Online Free",[198,19141,19142,19157],{},[201,19143,19144],{},[204,19145,19146,19149,19151,19154],{},[207,19147,19148],{},"What you need",[207,19150,8084],{},[207,19152,19153],{},"Time to live URL",[207,19155,19156],{},"Free tier highlight",[229,19158,19159,19172,19185,19198,19209],{},[204,19160,19161,19164,19166,19169],{},[234,19162,19163],{},"A link right now, zero friction",[234,19165,239],{},[234,19167,19168],{},"~15 seconds",[234,19170,19171],{},"300 credits\u002Fmo",[204,19173,19174,19177,19179,19182],{},[234,19175,19176],{},"Free hosting with Git workflows",[234,19178,366],{},[234,19180,19181],{},"~2 minutes",[234,19183,19184],{},"100 GB bandwidth",[204,19186,19187,19190,19192,19195],{},[234,19188,19189],{},"Global CDN, unlimited bandwidth",[234,19191,289],{},[234,19193,19194],{},"~3-5 minutes",[234,19196,19197],{},"Unlimited bandwidth",[204,19199,19200,19203,19205,19207],{},[234,19201,19202],{},"Drag-and-drop with CDN speed",[234,19204,389],{},[234,19206,19168],{},[234,19208,14054],{},[204,19210,19211,19214,19216,19218],{},[234,19212,19213],{},"Auto-deploy for JS frameworks",[234,19215,2894],{},[234,19217,19194],{},[234,19219,19220],{},"Generous bandwidth",[12,19222,19223],{},[237,19224,19225],{},"Pick by what you need:",[115,19227,19228,19234,19240,19246,19252],{},[36,19229,19230,19233],{},[237,19231,19232],{},"\"I need a URL in the next 60 seconds\""," - Netlify Drop or Hostsmith. Both are drag-and-drop, both get you there fast. Hostsmith keeps the dashboard minimal, while Netlify's UI can feel like a lot if you just wanted to host an HTML website.",[36,19235,19236,19239],{},[237,19237,19238],{},"\"I'm a student building a portfolio\""," - GitHub Pages. Free, professional, and having your code on GitHub helps with job applications.",[36,19241,19242,19245],{},[237,19243,19244],{},"\"I expect real traffic\""," - Cloudflare Pages. Unlimited bandwidth on free is hard to argue with.",[36,19247,19248,19251],{},[237,19249,19250],{},"\"My project uses React\u002FNext.js\u002FVue\""," - Vercel. It's purpose-built for framework-based projects.",[36,19253,19254,19257],{},[237,19255,19256],{},"\"I want fast delivery without learning Git\""," - Hostsmith. CDN performance without the developer tooling overhead.",[22,19259,19261],{"id":19260},"before-you-deploy-quick-checklist","Before You Deploy: Quick Checklist",[12,19263,19264],{},"Whichever method you pick, these tips will save you from the classic \"it works on my laptop\" moment:",[12,19266,19267,19272,19273,19276],{},[237,19268,19269,19270,46],{},"Name your file ",[51,19271,2535],{}," Every hosting platform looks for this by default. If your file is called ",[51,19274,19275],{},"my-project-final-v2-REAL.html",", rename it.",[12,19278,19279,19282],{},[237,19280,19281],{},"Upload the whole folder."," If your HTML references a CSS file, JavaScript, or images, those files need to come along. The number one reason deployed sites look broken is missing assets. Zip everything together for drag-and-drop tools, or push the entire directory for Git-based platforms.",[12,19284,19285,19288,19289,19292,19293,3298,19295,46],{},[237,19286,19287],{},"Check your file paths."," A reference to ",[51,19290,19291],{},"C:\u002FUsers\u002FYourName\u002FDesktop\u002Fproject\u002Fstyles.css"," will absolutely not work once deployed. Use relative paths like ",[51,19294,14230],{},[51,19296,19297],{},"styles\u002Fmain.css",[12,19299,19300,19303,19304,2619],{},[237,19301,19302],{},"Add a viewport meta tag."," If you haven't already, add this to your ",[51,19305,14213],{},[2500,19307,19309],{"className":12918,"code":19308,"language":12920,"meta":645,"style":645},"\u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n",[51,19310,19311],{"__ignoreMap":645},[1489,19312,19313,19315,19318,19321,19323,19325,19328,19330,19333,19335,19337,19340,19342],{"class":2598,"line":2599},[1489,19314,12927],{"class":2602},[1489,19316,19317],{"class":12930},"meta",[1489,19319,19320],{"class":12936}," name",[1489,19322,12940],{"class":2602},[1489,19324,2616],{"class":2641},[1489,19326,19327],{"class":2644},"viewport",[1489,19329,2616],{"class":2641},[1489,19331,19332],{"class":12936}," content",[1489,19334,12940],{"class":2602},[1489,19336,2616],{"class":2641},[1489,19338,19339],{"class":2644},"width=device-width, initial-scale=1",[1489,19341,2616],{"class":2641},[1489,19343,13008],{"class":2602},[12,19345,19346],{},"Without it, your page will look tiny on phones - and the first person who opens it on an iPhone will ask if something's broken.",[12,19348,19349,19352],{},[237,19350,19351],{},"Test locally first."," Open your HTML file in a browser from the folder structure you plan to upload - not by double-clicking a deeply nested file. If it looks right when opened from the root folder, it'll look right when hosted.",[22,19354,19356],{"id":19355},"going-beyond-a-single-html-file","Going Beyond a Single HTML File",[12,19358,19359],{},"Once you've got the basics down, here are some natural next steps depending on where your project is heading:",[115,19361,19362,19375,19384,19394,19404],{},[36,19363,19364,19367,19368,19371,19372,46],{},[237,19365,19366],{},"Adding PDFs to your site?"," If you're embedding a resume, case study, or any document alongside your HTML, check out how to ",[40,19369,19370],{"href":3982},"embed a PDF in HTML",". And if you just need to share a PDF as a standalone link, here's how to ",[40,19373,19374],{"href":3957},"create a link to a PDF",[36,19376,19377,19380,19381,19383],{},[237,19378,19379],{},"Building a full portfolio?"," There's a step-by-step guide on how to ",[40,19382,11994],{"href":3513}," that covers the process end to end - from choosing a platform to organizing your projects.",[36,19385,19386,19389,19390,19393],{},[237,19387,19388],{},"Coming from Google Drive?"," If you used to host files through Google Drive's old web hosting feature, there's a rundown of ",[40,19391,19392],{"href":3628},"Google Drive hosting alternatives"," that covers what replaced it.",[36,19395,19396,19399,19400,19403],{},[237,19397,19398],{},"Working with design tool exports?"," If you're exporting from Figma, Webflow, or similar tools, most of these methods work great. Just make sure your export includes all the assets (fonts, images, stylesheets) in the folder before uploading. If you're coming from Webflow, there's a complete walkthrough on ",[40,19401,19402],{"href":1285},"exporting Webflow code and hosting it"," that covers gotchas like broken forms and missing CMS content.",[36,19405,19406,19409,19410,19413],{},[237,19407,19408],{},"Built it in Claude?"," Here's how to ",[40,19411,19412],{"href":7860},"export a Claude artifact as HTML",", and what Claude's own Share link can and can't do.",[22,19415,639],{"id":638},[641,19417],{":qas":19418},"[{\"q\":\"Can I host an HTML file online for free?\",\"a\":\"Yes - every method in this article offers free HTML hosting. GitHub Pages and Cloudflare Pages are the most generous for developers, offering around 100 GB and unlimited bandwidth respectively. For non-technical users, Netlify Drop and Hostsmith both let you drag and drop files without any coding knowledge. Hostsmith gives you a .hostsmith.link subdomain, and Netlify gives you a .netlify.app URL you can customize after signing up.\"},{\"q\":\"What is the fastest way to host an HTML file online?\",\"a\":\"Drag-and-drop platforms like Netlify Drop and Hostsmith get you from a local file to a live URL in under 30 seconds. Both work entirely in the browser with no Git, no terminal, and no build tools required. Hostsmith serves your files from a CDN, so the resulting page loads quickly for visitors anywhere in the world.\"},{\"q\":\"Do I need to know how to code to host an HTML website?\",\"a\":\"Not at all. Drag-and-drop tools like Netlify Drop and Hostsmith let you upload files through a browser with zero coding knowledge. You only need technical skills if you choose a Git-based platform like GitHub Pages, Cloudflare Pages, or Vercel. Even then, the initial setup is usually a one-time process.\"},{\"q\":\"Why does my HTML file look different after I host it online?\",\"a\":\"The most common cause is missing files. If your HTML references CSS, JavaScript, or images using local file paths, those files need to be uploaded too. Make sure everything is in the same folder structure and that your file paths are relative (like .\u002Fstyles\u002Fmain.css instead of C:\u002FUsers\u002Fyou\u002Fstyles\u002Fmain.css). Also check that filenames match exactly - some hosting platforms are case-sensitive.\"},{\"q\":\"Can I use a custom domain with free HTML hosting?\",\"a\":\"Some free tiers include custom domain support. GitHub Pages, Cloudflare Pages, and Netlify all let you point your own domain at your hosted site for free. Hostsmith offers custom domains starting from the Pro plan but provides a .hostsmith.link subdomain on the free tier.\"},{\"q\":\"Is free HTML hosting reliable enough for client work?\",\"a\":\"For sharing prototypes and previews, free tiers are generally fine. GitHub Pages, Cloudflare Pages, and Hostsmith all offer solid uptime. For production client sites with real traffic, you will want to consider paid plans that offer higher bandwidth limits, custom domains, and better support. Cloudflare Pages is a standout here with unlimited bandwidth even on the free tier.\"}]",[3231,19420,13074],{},{"title":645,"searchDepth":646,"depth":646,"links":19422},[19423,19424,19425,19426,19427,19428,19429,19430,19431,19432],{"id":18760,"depth":646,"text":18761},{"id":18808,"depth":646,"text":18809},{"id":18879,"depth":646,"text":18880},{"id":18955,"depth":646,"text":18956},{"id":19016,"depth":646,"text":19017},{"id":19077,"depth":646,"text":19078},{"id":19138,"depth":646,"text":19139},{"id":19260,"depth":646,"text":19261},{"id":19355,"depth":646,"text":19356},{"id":638,"depth":646,"text":639},"2026-04-11","Host an HTML file online: drag it onto Netlify Drop and get a live URL in about 15 seconds. Five methods compared, with the catch each free tier hides.","solar:code-bold",{"excerpt":19437},{"type":9,"value":19438},[19439,19441],[12,19440,18754],{},[12,19442,18757],{},{"title":18749,"description":19434},"host-html-file-online",[19446,19447,19448,19449],"HTML hosting","host HTML file","free hosting","web development","w3OakI4_JlVdVaSa2Z0rqtWF3C17SqHaYjDRkl8N1GU",{"id":19452,"title":19453,"alt":6,"author":685,"body":19454,"date":19433,"description":19775,"extension":666,"icon":19776,"image":6,"meta":19777,"navigation":673,"path":3513,"published":6,"seo":19784,"stem":19785,"tags":19786,"__hash__":19791},"blog\u002Fhost-portfolio-website.md","How to Host a Portfolio Website (No Developer Needed)",{"type":9,"value":19455,"toc":19757},[19456,19459,19462,19466,19469,19487,19493,19499,19505,19509,19512,19516,19519,19524,19538,19541,19546,19578,19582,19585,19605,19609,19612,19640,19643,19647,19650,19654,19657,19661,19667,19670,19673,19677,19680,19684,19691,19695,19698,19706,19716,19729,19735,19739,19742,19745,19752,19754],[12,19457,19458],{},"If you're a designer, photographer, or creative freelancer, you've probably got a portfolio. Maybe it's a slick HTML export from Figma or Webflow. Maybe it's a folder of project pages you put together in a weekend. Either way, you need it online - with a proper URL, not a Google Drive link pasted into an email.",[12,19460,19461],{},"The good news: you don't need a developer, a server, or a monthly subscription to a platform you'll forget to cancel. There are genuinely simple ways to host a portfolio website in 2026, and the simplest option takes less time than you'd expect.",[22,19463,19465],{"id":19464},"why-your-portfolio-needs-its-own-url","Why Your Portfolio Needs Its Own URL",[12,19467,19468],{},"Before we get into the how, let's talk about the why. If you're sharing your work via Behance, Dribbble, or a Google Drive folder, you're not doing yourself any favours.",[12,19470,19471,19474,19475,19478,19479,19482,19483,19486],{},[237,19472,19473],{},"A real URL looks professional."," Sending a client ",[51,19476,19477],{},"janesmith.com"," or even ",[51,19480,19481],{},"janesmith.hostsmith.link"," signals that you take your work seriously. Sending ",[51,19484,19485],{},"drive.google.com\u002Fdrive\u002Ffolders\u002F1a2b3c4d5e"," signals that you didn't.",[12,19488,19489,19492],{},[237,19490,19491],{},"You control the experience."," On Behance, your work sits next to everyone else's. Recruiters get distracted. Clients see competitors. Your own hosted site is your space - no sidebar of suggested portfolios, no platform branding, no ads.",[12,19494,19495,19498],{},[237,19496,19497],{},"It works everywhere."," A plain HTML site hosted on a CDN loads fast and renders reliably on basically anything - no dependency on a third-party platform's scripts or layout quirks.",[12,19500,19501,19504],{},[237,19502,19503],{},"You get proper access control."," Behance offers private and link-only projects, which is better than nothing. But anyone with the link can still view and share it. A hosted site with password protection gives you a proper gate - you decide who gets in, and you can change the password whenever you need to. That matters when you're working under NDA.",[22,19506,19508],{"id":19507},"the-fastest-ways-to-host-a-portfolio","The Fastest Ways to Host a Portfolio",[12,19510,19511],{},"I'm going to focus on methods that don't require you to learn Git, touch a terminal, or understand what DNS means. If you're a developer, you already know about GitHub Pages and Netlify - this section isn't for you.",[502,19513,19515],{"id":19514},"option-1-drag-and-drop-hosting","Option 1: Drag and Drop Hosting",[12,19517,19518],{},"This is the closest thing to \"upload a file, get a URL.\" You take your portfolio files - HTML, CSS, images, whatever - zip them up if needed, and drop them onto a hosting platform.",[12,19520,19521],{},[237,19522,19523],{},"How it works:",[33,19525,19526,19529,19532,19535],{},[36,19527,19528],{},"Export your portfolio from whatever tool you used to build it (Figma, Webflow, Framer, or even hand-coded HTML).",[36,19530,19531],{},"Go to a drag-and-drop hosting platform.",[36,19533,19534],{},"Upload your files.",[36,19536,19537],{},"Get a live URL.",[12,19539,19540],{},"That's it. No accounts with complex setup wizards. No build pipelines. No waiting.",[12,19542,19543],{},[237,19544,19545],{},"Platforms that support this:",[115,19547,19548,19553,19562,19570],{},[36,19549,19550,19552],{},[237,19551,312],{}," - Upload a file or zip, get a URL. Free tier is capped at 3 MB file size, which is tight if your portfolio has high-res images. No custom domains on the free plan.",[36,19554,19555,19557,19558,19561],{},[237,19556,239],{}," - Drag a folder into the browser, get a live site. You can get a temporary, password-protected URL without an account, but you'll need to ",[40,19559,19560],{"href":674},"sign up if you want the site to persist"," beyond a short window. The broader Netlify platform can feel overwhelming if you just want simple hosting, but Drop itself is straightforward.",[36,19563,19564,19566,19567,19569],{},[237,19565,389],{}," - Drag and drop upload, instant URL. Free tier available, custom domains on the paid plan. No build steps, no Git - just upload your files and you're live. The free tier doesn't include custom domains, so you'll be on a ",[51,19568,16921],{}," URL until you upgrade. Password protection is available from the Starter plan up.",[36,19571,19572,19574,19575,19577],{},[237,19573,14583],{}," - Free static hosting, but requires the command line and may not be actively maintained. If you're comfortable typing ",[51,19576,560],{}," into a terminal and don't mind the risk of a tool that might not get updates, it's quick. If the word \"terminal\" made you wince, skip this one.",[502,19579,19581],{"id":19580},"option-2-website-builders-with-portfolio-templates","Option 2: Website Builders with Portfolio Templates",[12,19583,19584],{},"If you don't already have portfolio files ready to upload, a website builder with portfolio templates might be a better fit. You pick a template, swap in your work, and publish.",[115,19586,19587,19593,19599],{},[36,19588,19589,19592],{},[237,19590,19591],{},"Carrd"," - Single-page sites only, but the templates are clean and it's dead simple. Free tier exists, Pro plans start around $19\u002Fyear (check their site for current pricing). Great for a minimal portfolio with links to case studies hosted elsewhere.",[36,19594,19595,19598],{},[237,19596,19597],{},"Cargo"," - Built specifically for designers and artists. The templates are genuinely good-looking, not the generic corporate stuff you get elsewhere. Free tier available, paid plans start around $13\u002Fmonth (roughly $156\u002Fyear - worth factoring in if you're comparing annual costs).",[36,19600,19601,19604],{},[237,19602,19603],{},"Adobe Portfolio"," - Free if you already have a Creative Cloud subscription. Pulls directly from your Behance projects. The templates are limited, but if you're already paying for CC, it's hard to argue with free.",[502,19606,19608],{"id":19607},"option-3-export-and-host","Option 3: Export and Host",[12,19610,19611],{},"This is the approach I'd recommend if you want the best of both worlds - a custom-designed portfolio with simple, cheap hosting.",[33,19613,19614,19624,19629,19635],{},[36,19615,19616,19619,19620,19623],{},[237,19617,19618],{},"Design"," your portfolio in any tool that can export to HTML, Webflow included. ",[40,19621,19622],{"href":1263},"Framer can't export your site as HTML",", so a Framer portfolio stays on Framer's hosting.",[36,19625,19626,19628],{},[237,19627,12607],{}," it as a static site (HTML + CSS + images).",[36,19630,19631,19634],{},[237,19632,19633],{},"Optimise your images"," before uploading. Exported files often include full-resolution images that are far larger than what you need for the web. Run them through a tool like TinyPNG or Squoosh - you'll cut file sizes dramatically without any visible quality loss.",[36,19636,19637,19639],{},[237,19638,7054],{}," the exported files on a drag-and-drop platform.",[12,19641,19642],{},"This separates the design from the hosting, which means you can redesign your portfolio without switching hosting platforms, and you can switch hosting without rebuilding your site. It's a small thing, but it matters when you're three years in and your current platform doubles its prices.",[22,19644,19646],{"id":19645},"what-to-look-for-in-portfolio-hosting","What to Look for in Portfolio Hosting",[12,19648,19649],{},"Not all hosting is equal, especially for portfolios. Here's what actually matters:",[502,19651,19653],{"id":19652},"speed","Speed",[12,19655,19656],{},"Your portfolio is a first impression. If it takes a few seconds to load, a hiring manager or client has already started losing interest. Look for hosting that uses a CDN - a network of servers around the world that serves your files from wherever is closest to the visitor. Most modern static hosting platforms include this by default.",[502,19658,19660],{"id":19659},"custom-domains","Custom Domains",[12,19662,19663,19664,19666],{},"A custom domain (",[51,19665,8571],{},") costs about $10-15\u002Fyear from a registrar like Namecheap, Porkbun, or Cloudflare. It's worth it. Some hosting platforms include custom domain support on their free tier, others charge for it. Check before you commit.",[502,19668,7306],{"id":19669},"password-protection",[12,19671,19672],{},"This matters more than people think. If you're freelancing, you'll eventually need to share work that's under NDA, or send a tailored portfolio to a specific client. Password protection lets you control who sees what without maintaining multiple versions of your site.",[502,19674,19676],{"id":19675},"sslhttps","SSL\u002FHTTPS",[12,19678,19679],{},"Your site should load over HTTPS, full stop. Most hosting platforms handle this automatically, but double-check. A browser showing \"Not Secure\" next to your portfolio URL is not the impression you want.",[502,19681,19683],{"id":19682},"file-size-limits","File Size Limits",[12,19685,19686,19687,19690],{},"Portfolios tend to be image-heavy. A photography portfolio or a design case study with full-resolution screenshots can easily hit 50 MB or more. Some free hosting tiers cap you at 3-5 MB, which isn't enough. Make sure the platform can handle your actual file sizes, or compress your images before uploading (tools like TinyPNG or Squoosh work well for this). Moving them to a free image host to dodge the cap is a false economy, for the reasons in my ",[40,19688,19689],{"href":3663},"free image web hosting"," guide.",[22,19692,19694],{"id":19693},"common-mistakes-to-avoid","Common Mistakes to Avoid",[12,19696,19697],{},"A few things I see go wrong regularly with portfolio sites:",[12,19699,19700,19703,19704,46],{},[237,19701,19702],{},"Huge uncompressed images."," A 4000x3000 PNG screenshot doesn't need to be served at full resolution on the web. Compress your images. Your visitors' bandwidth will thank you, and your site will load noticeably faster. If they started life as Photoshop files, here's how to ",[40,19705,3356],{"href":3355},[12,19707,19708,19711,19712,19715],{},[237,19709,19710],{},"No favicon."," It's a small thing, but a browser tab showing the default blank page icon looks unfinished. Grab your logo, resize it to 32x32, save it as ",[51,19713,19714],{},"favicon.ico",", and drop it in your root folder.",[12,19717,19718,19721,19722,19724,19725,19728],{},[237,19719,19720],{},"Broken links after export."," If you export from Webflow or Figma and your internal links break, it's usually because the file paths changed during export. Test your site locally before uploading, ideally from a local web server rather than by double-clicking ",[51,19723,2535],{},", since some animations won't load from your file system. If you're coming from Webflow specifically, there's a full guide on how to ",[40,19726,19727],{"href":1285},"export code from Webflow"," that covers what breaks and how to fix it.",[12,19730,19731,19734],{},[237,19732,19733],{},"Forgetting to update it."," A portfolio from 2022 doesn't help you land 2026 work. Set a reminder to update it quarterly, or at least after every major project.",[22,19736,19738],{"id":19737},"the-bottom-line","The Bottom Line",[12,19740,19741],{},"Hosting a portfolio website is simpler and cheaper than most people think. If you already have your portfolio as HTML files, you're five minutes away from a live URL. If you're starting from scratch, a builder like Carrd or Cargo can get you there in an afternoon.",[12,19743,19744],{},"The approach I'd recommend for most creatives: design your portfolio however you like, export it as static HTML, and host it on a simple drag-and-drop platform. It keeps your options open, costs next to nothing, and gives you a professional URL you can put on business cards, email signatures, and LinkedIn without embarrassment.",[12,19746,19747,19748,19751],{},"One platform worth considering for the hosting side is ",[40,19749,389],{"href":603,"rel":19750},[44],". It handles drag-and-drop uploads and gives you a URL straight away. Password protection for client-specific portfolios is available from the Starter plan up. It's built for this kind of use case - getting files online quickly without technical setup - though any of the platforms mentioned above will do the job.",[22,19753,639],{"id":638},[641,19755],{":qas":19756},"[{\"q\":\"How much does it cost to host a portfolio website?\",\"a\":\"It can be completely free. Platforms like Netlify and tiiny.host offer free tiers that work fine for most portfolios. Custom domains cost about $10-15\u002Fyear separately. Paid hosting plans typically range from $4-15\u002Fmonth and add features like password protection or higher storage limits.\"},{\"q\":\"Do I need to know how to code to host a portfolio?\",\"a\":\"No. Drag-and-drop platforms like tiiny.host, Netlify Drop, and Hostsmith let you upload files and get a live URL without any coding. Website builders like Carrd and Cargo also let you build and publish a portfolio with no code at all.\"},{\"q\":\"Can I use a custom domain with a free hosting plan?\",\"a\":\"It depends on the platform. Some platforms support custom domains on their free tiers, though this can change - always check the current pricing page before committing. You'll need to buy the domain separately from a registrar - it's a different thing from the hosting itself.\"},{\"q\":\"Should I use a website builder or host my own files?\",\"a\":\"If you already have portfolio files (HTML exports from Figma, Webflow, or similar tools), hosting them directly is faster and cheaper. If you're starting from scratch and don't want to learn any tools, a builder like Carrd or Cargo is easier. The export-and-host approach gives you the most flexibility long-term.\"},{\"q\":\"How do I password protect my portfolio website?\",\"a\":\"Most free hosting platforms only support public sites. For password protection, you'll need a paid plan on a platform that supports it (like Adobe Portfolio). Hostsmith offers password protection (shared password or email whitelist) from the Starter plan up. If you regularly share work under NDA, password protection is worth paying for.\"}]",{"title":645,"searchDepth":646,"depth":646,"links":19758},[19759,19760,19765,19772,19773,19774],{"id":19464,"depth":646,"text":19465},{"id":19507,"depth":646,"text":19508,"children":19761},[19762,19763,19764],{"id":19514,"depth":656,"text":19515},{"id":19580,"depth":656,"text":19581},{"id":19607,"depth":656,"text":19608},{"id":19645,"depth":646,"text":19646,"children":19766},[19767,19768,19769,19770,19771],{"id":19652,"depth":656,"text":19653},{"id":19659,"depth":656,"text":19660},{"id":19669,"depth":656,"text":7306},{"id":19675,"depth":656,"text":19676},{"id":19682,"depth":656,"text":19683},{"id":19693,"depth":646,"text":19694},{"id":19737,"depth":646,"text":19738},{"id":638,"depth":646,"text":639},"Host a portfolio website at a proper URL by dragging the folder onto a static host, no developer needed. Plus when a website builder makes more sense.","solar:palette-bold",{"excerpt":19778},{"type":9,"value":19779},[19780,19782],[12,19781,19458],{},[12,19783,19461],{},{"title":19453,"description":19775},"host-portfolio-website",[19787,19788,19789,19790],"portfolio","website hosting","no code","designers","9gnzNXMOckUJO8x1bFc4_i7tn-2qmDxNFmcWuVOzr2c",{"id":19793,"title":19794,"alt":6,"author":685,"body":19795,"date":20129,"description":20130,"extension":666,"icon":20131,"image":6,"meta":20132,"navigation":673,"path":3628,"published":6,"seo":20137,"stem":20138,"tags":20139,"__hash__":20140},"blog\u002Fgoogle-drive-website-hosting-alternatives.md","Google Drive Website Hosting Alternatives in 2026",{"type":9,"value":19796,"toc":20117},[19797,19800,19804,19811,19818,19821,19824,19828,19831,19835,19838,19841,19848,19851,19867,19869,19875,19882,19892,19896,19899,19901,19907,19910,19920,19922,19925,19928,19938,19940,19943,19946,19956,19958,20060,20064,20067,20073,20079,20085,20089,20092,20095,20098,20100,20103,20106,20109,20111,20114],[12,19798,19799],{},"If you've landed here, you're probably wondering whether you can still host a website on Google Drive. The short answer: no. Google killed that feature back in 2016, and it's not coming back. But the good news is there are better options now - and some of them are genuinely simpler than Drive ever was.",[22,19801,19803],{"id":19802},"what-happened-to-google-drive-hosting","What Happened to Google Drive Hosting?",[12,19805,19806,19807,19810],{},"For a few years, Google Drive had a quiet little trick up its sleeve. You could upload an HTML file, grab a special URL (",[51,19808,19809],{},"googledrive.com\u002Fhost\u002Fyour-file-id","), and just like that - you had a live website. No server, no terminal, no fuss. It was the kind of thing that students, designers, and small business owners loved.",[12,19812,19813,19814,19817],{},"Then in August 2015, Google announced they were pulling the plug. By August 2016, every ",[51,19815,19816],{},"googledrive.com\u002Fhost\u002F"," URL went dark. Google never gave a proper reason, though it was likely a mix of security concerns (hosting arbitrary content on a Google domain isn't great) and a strategic push towards Google Sites as their website product.",[12,19819,19820],{},"The feature is long gone, but the search intent hasn't budged. People are still looking for what Drive offered: upload a file, get a URL, done. No Git, no build pipelines, no command line.",[12,19822,19823],{},"So let's look at what actually fills that gap today.",[22,19825,19827],{"id":19826},"the-best-alternatives-by-who-you-are","The Best Alternatives (By Who You Are)",[12,19829,19830],{},"Not every hosting platform suits every person. A developer's idea of \"simple\" involves Git and a CLI. A designer's idea of \"simple\" is dragging a folder. I've grouped these by who they're actually for, so you can skip to the bit that matters.",[502,19832,19834],{"id":19833},"if-you-just-want-to-drag-and-drop","If You Just Want to Drag and Drop",[12,19836,19837],{},"These are the closest to the old Google Drive experience. Upload your files, get a link, share it.",[19839,19840,312],"h4",{"id":544},[12,19842,19843,19847],{},[40,19844,312],{"href":19845,"rel":19846},"https:\u002F\u002Ftiiny.host",[44]," is probably the most well-known option in this space. Upload a file or zip, get a URL. The interface is straightforward and you don't need any technical knowledge.",[12,19849,19850],{},"The trade-off is in the limits. The free tier caps you at 3 MB file size and 5 GB bandwidth, which is tight. There's no SSO, no API, and no EU hosting option. But if all you need is to quickly share a single HTML page or PDF, it does the job.",[12,19852,19853,19855,19856,19859,19861,19862,19864,19866],{},[237,19854,13788],{},": 3 MB file size, 5 GB bandwidth, basic sharing.",[19857,19858],"br",{},[237,19860,14600],{},": Higher limits, custom domains.",[19857,19863],{},[237,19865,1638],{},": Quick sharing of single files - a portfolio page, a class project, a one-off PDF.",[19839,19868,239],{"id":18052},[12,19870,19871,19872,19874],{},"Netlify is a full-featured hosting platform aimed at developers, but they have a hidden gem: ",[237,19873,239],{},". Drag a folder onto the browser and get a live site. It's the closest thing Netlify has to the Google Drive experience, and it works surprisingly well for one-off deployments.",[12,19876,19877,19878,19881],{},"You don't need an account to drop a site, but the link stays behind a temporary password until you sign up or log in to claim it, and the broader platform has grown complex enough that a non-technical user might feel lost. The credit-based pricing is a bit opaque too - you get 300 credits per month, where a production deploy costs 15 credits and each GB of bandwidth costs 20 (October 2026). That's 20 deploys with no traffic, or 15 GB of traffic with no deploys, and every project on the account pauses when the credits run out. ",[40,19879,19880],{"href":674},"Netlify Drop's free limits"," are worked through separately.",[12,19883,19884,19886,19887,19889,19891],{},[237,19885,13788],{},": 300 credits\u002Fmonth, shared by deploys, bandwidth and requests.",[19857,19888],{},[237,19890,1638],{},": One-off deploys you're happy to claim with a Netlify account.",[502,19893,19895],{"id":19894},"if-youre-a-developer","If You're a Developer",[12,19897,19898],{},"These platforms assume you're comfortable with Git, a terminal, or both. They're more powerful, but that power comes with a learning curve that non-technical users will bounce off.",[19839,19900,366],{"id":581},[12,19902,19903,19904,19906],{},"The classic free option. Push HTML to a GitHub repository, enable Pages in the settings, and your site goes live at ",[51,19905,14946],{},". It supports custom domains, HTTPS, and has built-in Jekyll support for static site generation.",[12,19908,19909],{},"The catch is obvious: you need to know Git. For developers, that's not a catch at all. For everyone else, it's a wall. There's also no drag-and-drop, no password protection, and your source code is public on the free plan. Worth noting: GitHub's terms prohibit using Pages for commercial purposes - no e-commerce sites, no SaaS, no online businesses. Personal projects and documentation are fine.",[12,19911,19912,19914,19915,19917,19919],{},[237,19913,13788],{},": 1 GB repo size, 100 GB bandwidth\u002Fmonth. Non-commercial use only.",[19857,19916],{},[237,19918,1638],{},": Developers, open-source documentation, dev portfolios.",[19839,19921,289],{"id":526},[12,19923,19924],{},"If you want free bandwidth and don't mind a Git-based workflow, Cloudflare Pages is hard to beat. It runs on Cloudflare's massive global CDN, and the free tier includes unlimited bandwidth, unlimited sites, and 500 builds per month.",[12,19926,19927],{},"The downside is there's no drag-and-drop option. You need to connect a GitHub or GitLab repo, which immediately puts this out of reach for non-technical users. But for developers who want fast, free, no-strings hosting - it's a strong choice.",[12,19929,19930,19932,19933,19935,19937],{},[237,19931,13788],{},": Unlimited bandwidth, unlimited sites, 500 builds\u002Fmonth.",[19857,19934],{},[237,19936,1638],{},": Developers who want the best free-tier performance and don't mind Git workflows.",[19839,19939,2894],{"id":11727},[12,19941,19942],{},"Vercel is optimised for React and Next.js projects. It's a fantastic platform if that's your stack - automatic deployments from Git, edge functions, image optimisation, the works.",[12,19944,19945],{},"For simple static hosting, though, it's a bit like using a lorry to deliver a letter. There's no drag-and-drop, the Hobby plan is for non-commercial use only, and the platform is squarely aimed at developers. If you're searching for a Google Drive replacement, this probably isn't it.",[12,19947,19948,19950,19951,19953,19955],{},[237,19949,13788],{},": 100 GB bandwidth, unlimited deployments. Non-commercial use only.",[19857,19952],{},[237,19954,1638],{},": Developers building React\u002FNext.js apps.",[22,19957,17800],{"id":17799},[198,19959,19960,19977],{},[201,19961,19962],{},[204,19963,19964,19966,19969,19972,19974],{},[207,19965,9480],{},[207,19967,19968],{},"Drag & Drop",[207,19970,19971],{},"Free Tier",[207,19973,19660],{},[207,19975,19976],{},"Best For",[229,19978,19979,19993,20007,20020,20034,20047],{},[204,19980,19981,19983,19985,19988,19990],{},[234,19982,312],{},[234,19984,270],{},[234,19986,19987],{},"Yes (3 MB limit)",[234,19989,14636],{},[234,19991,19992],{},"Quick single-file sharing",[204,19994,19995,19997,19999,20002,20004],{},[234,19996,239],{},[234,19998,270],{},[234,20000,20001],{},"Yes (300 credits)",[234,20003,270],{},[234,20005,20006],{},"One-off deploys",[204,20008,20009,20011,20013,20016,20018],{},[234,20010,366],{},[234,20012,2236],{},[234,20014,20015],{},"Yes (non-commercial)",[234,20017,270],{},[234,20019,17143],{},[204,20021,20022,20024,20026,20029,20031],{},[234,20023,289],{},[234,20025,2236],{},[234,20027,20028],{},"Yes (unlimited BW)",[234,20030,270],{},[234,20032,20033],{},"Developers wanting performance",[204,20035,20036,20038,20040,20042,20044],{},[234,20037,2894],{},[234,20039,2236],{},[234,20041,20015],{},[234,20043,270],{},[234,20045,20046],{},"React\u002FNext.js developers",[204,20048,20049,20051,20053,20055,20057],{},[234,20050,389],{},[234,20052,270],{},[234,20054,270],{},[234,20056,14636],{},[234,20058,20059],{},"Non-technical users, agencies",[22,20061,20063],{"id":20062},"which-one-should-you-pick","Which One Should You Pick?",[12,20065,20066],{},"Rather than ranking these - everyone's needs are different - here's a quick way to think about it:",[12,20068,20069,20072],{},[237,20070,20071],{},"\"I just want to upload a file and share the link.\""," - tiiny.host or Netlify Drop. tiiny.host is simpler, Netlify Drop gives you more room to grow.",[12,20074,20075,20078],{},[237,20076,20077],{},"\"I'm a developer and want free hosting.\""," - Cloudflare Pages for unlimited bandwidth. GitHub Pages if you want the simplest Git-based workflow. Netlify if you want deploy previews and serverless functions.",[12,20080,20081,20084],{},[237,20082,20083],{},"\"I'm building a proper web app.\""," - Vercel (especially for Next.js\u002FReact) or Netlify. These are full platforms, not just hosting.",[22,20086,20088],{"id":20087},"what-google-drive-had-that-most-alternatives-dont","What Google Drive Had That Most Alternatives Don't",[12,20090,20091],{},"Here's the thing people forget: Google Drive wasn't just simple hosting. It also had built-in access control. You could share a folder with specific people, restrict it to your organisation, or make it public. When the hosting feature died, that combination of simplicity and permissions went with it.",[12,20093,20094],{},"Most of the alternatives above don't replicate that. GitHub Pages, Netlify, Cloudflare Pages, Vercel - they all host public sites. If you want to restrict who can see your hosted content, your options narrow considerably.",[12,20096,20097],{},"This matters more than you'd think. Designers sharing client previews, agencies hosting staging sites, businesses sharing internal documents - these are all cases where a public URL isn't good enough. You need password protection, or SSO, or at least some way to control who gets in.",[22,20099,19738],{"id":19737},[12,20101,20102],{},"Google Drive hosting was great because it was simple and it was already there. The simplicity part has been replicated - in some cases, improved on. Drag-and-drop hosting in 2026 is genuinely faster and more capable than what Drive offered a decade ago.",[12,20104,20105],{},"The real question is what you need beyond \"upload and share.\" If the answer is \"nothing much,\" any of the drag-and-drop options will serve you well. If you need access control, compliance, or programmatic deployments, that narrows the field - but the options that remain are solid.",[12,20107,20108],{},"Pick the one that matches your actual workflow, not the one with the longest feature list. Simpler is almost always better.",[22,20110,639],{"id":638},[641,20112],{":qas":20113},"[{\"q\":\"Can I still host a website on Google Drive?\",\"a\":\"No. Google removed the web hosting feature from Google Drive in August 2016. All googledrive.com\u002Fhost\u002F URLs stopped working at that point. Google now recommends Google Sites for simple website creation, or Firebase Hosting for developers.\"},{\"q\":\"What is the easiest Google Drive hosting alternative?\",\"a\":\"For non-technical users, drag-and-drop platforms like tiiny.host and Netlify Drop are the closest to the old Google Drive experience. You upload your files and get a live URL in seconds, no technical knowledge required.\"},{\"q\":\"Are there free alternatives to Google Drive website hosting?\",\"a\":\"Yes. GitHub Pages, Cloudflare Pages, Netlify, and tiiny.host all offer free tiers. The limits vary - Cloudflare Pages offers unlimited bandwidth, while tiiny.host caps free uploads at 3 MB. Choose based on your needs and technical comfort level.\"},{\"q\":\"Can I password protect a hosted website for free?\",\"a\":\"Most free hosting platforms only support public sites. For developer-oriented solutions, you'd typically need to set up authentication separately. Hostsmith offers password protection (shared password or email whitelist) from the Starter plan up.\"},{\"q\":\"What happened to my old Google Drive hosted website?\",\"a\":\"If you had a site hosted via Google Drive's web hosting feature, it went offline in August 2016 when Google shut down the service. Your files are still in your Google Drive, but the hosting URLs no longer work. You'll need to download your files and re-host them on a new platform.\"}]",[12,20115,20116],{},"``",{"title":645,"searchDepth":646,"depth":646,"links":20118},[20119,20120,20124,20125,20126,20127,20128],{"id":19802,"depth":646,"text":19803},{"id":19826,"depth":646,"text":19827,"children":20121},[20122,20123],{"id":19833,"depth":656,"text":19834},{"id":19894,"depth":656,"text":19895},{"id":17799,"depth":646,"text":17800},{"id":20062,"depth":646,"text":20063},{"id":20087,"depth":646,"text":20088},{"id":19737,"depth":646,"text":19738},{"id":638,"depth":646,"text":639},"2026-04-10","Google ended Drive website hosting in 2016. Five alternatives that still let you upload files and get a URL, from drag-and-drop hosts to developer platforms.","solar:cloud-upload-bold",{"excerpt":20133},{"type":9,"value":20134},[20135],[12,20136,19799],{},{"title":19794,"description":20130},"google-drive-website-hosting-alternatives",[10816,19788,679,19448],"R62W6PxdXCus2wfSXKLbJTcAGwxK0DNDNPwg1btZPmM",{"id":20142,"title":20143,"alt":6,"author":685,"body":20144,"date":20327,"description":20328,"extension":666,"icon":20329,"image":6,"meta":20330,"navigation":673,"path":3355,"published":6,"seo":20335,"stem":20336,"tags":20337,"__hash__":20341},"blog\u002Fconvert-psd-to-png.md","How to Convert PSD to PNG",{"type":9,"value":20145,"toc":20312},[20146,20149,20153,20157,20160,20164,20167,20171,20174,20178,20181,20195,20199,20202,20206,20226,20229,20243,20247,20251,20265,20269,20272,20276,20287,20291,20294,20296,20299,20303,20306],[12,20147,20148],{},"Converting PSD to PNG is a common task for designers and digital creators. Whether you need to share your work with\nclients or prepare images for the web, this guide will show you the most effective ways to convert your PSD files to PNG\nformat. We'll explore both free online tools and professional software solutions to help you achieve the best results.",[22,20150,20152],{"id":20151},"understanding-file-formats","Understanding File Formats",[502,20154,20156],{"id":20155},"what-is-a-psd-file","What is a PSD File?",[12,20158,20159],{},"A PSD file, which stands for Photoshop Document, is Adobe Photoshop's native file format. These files store all your\nediting capabilities, including layers, effects, text elements, and smart objects. While PSD files are excellent for\nediting, they're not ideal for sharing or web use due to their large size and limited compatibility.",[502,20161,20163],{"id":20162},"what-is-a-png-file","What is a PNG File?",[12,20165,20166],{},"PNG (Portable Network Graphics) files are widely used across the internet. They offer lossless compression, which means\nyour images maintain their quality while having smaller file sizes. PNGs also support transparency, making them perfect\nfor web graphics and logos.",[502,20168,20170],{"id":20169},"why-convert-psd-to-png","Why Convert PSD to PNG?",[12,20172,20173],{},"Converting your PSD files to PNG format offers several advantages. The PNG format is universally compatible, meaning\nanyone can view these files without special software. They're also web-friendly, load faster due to smaller file sizes,\nand maintain image quality including transparency.",[22,20175,20177],{"id":20176},"method-1-using-adobe-photoshop","Method 1: Using Adobe Photoshop",[12,20179,20180],{},"Adobe Photoshop provides the most professional way to convert PSD to PNG. Here's how to do it:",[33,20182,20183,20186,20189,20192],{},[36,20184,20185],{},"Open your PSD file in Photoshop",[36,20187,20188],{},"Go to File > Export > Quick Export as PNG",[36,20190,20191],{},"Select your preferred settings",[36,20193,20194],{},"Click Export",[12332,20196],{"alt":20197,"src":20198},"Adobe Photoshop Export PSD to PNG","\u002Fimg\u002Farticles\u002Fconvert-psd-to-png\u002Fphotoshop-psd-to-png.jpg",[12,20200,20201],{},"For more control over your output, you can use File > Save As and select PNG from the format dropdown menu. This method\ngives you additional options for compression and quality settings.",[22,20203,20205],{"id":20204},"method-2-online-psd-to-png-converters","Method 2: Online PSD to PNG Converters",[12,20207,20208,20209,20214,20215,429,20220,20225],{},"If you're looking for a free PSD to PNG converter online, several reliable options are available. ",[40,20210,20213],{"href":20211,"rel":20212},"https:\u002F\u002Fcloudconvert.com\u002Fpsd-to-png",[44],"CloudConvert",",\n",[40,20216,20219],{"href":20217,"rel":20218},"https:\u002F\u002Fconvertio.co\u002Fpsd-png\u002F",[44],"Convertio",[40,20221,20224],{"href":20222,"rel":20223},"https:\u002F\u002Fwww.freeconvert.com\u002Fpsd-to-png",[44],"FreeConvert"," are all excellent choices for converting your PSD files to PNG format.",[12,20227,20228],{},"Using these online converters is straightforward:",[33,20230,20231,20234,20237,20240],{},[36,20232,20233],{},"Visit your chosen converter website",[36,20235,20236],{},"Upload your PSD file",[36,20238,20239],{},"Select PNG as your desired output format",[36,20241,20242],{},"Download your converted file",[12332,20244],{"alt":20245,"src":20246},"CloudConvert PSD to PNG Converter","\u002Fimg\u002Farticles\u002Fconvert-psd-to-png\u002Fcloudconvert-psd-to-png.jpg",[22,20248,20250],{"id":20249},"method-3-alternative-software-solutions","Method 3: Alternative Software Solutions",[12,20252,20253,20254,429,20259,20264],{},"For those seeking free alternatives to convert PSD files to PNG, ",[40,20255,20258],{"href":20256,"rel":20257},"https:\u002F\u002Fwww.gimp.org",[44],"GIMP",[40,20260,20263],{"href":20261,"rel":20262},"https:\u002F\u002Fwww.getpaint.net",[44],"Paint.NET"," are excellent options. GIMP, in\nparticular, offers professional-grade features and handles PSD files well. The conversion process is straightforward:\nopen your PSD file and export it as PNG.",[22,20266,20268],{"id":20267},"batch-conversion-methods","Batch Conversion Methods",[12,20270,20271],{},"When you need to convert multiple PSD files to PNG format, batch processing can save considerable time. Photoshop's\nImage Processor script is perfect for this task. Most online PSD to PNG converters also support batch processing,\nallowing you to convert multiple files simultaneously.",[22,20273,20275],{"id":20274},"tips-for-best-results","Tips for Best Results",[12,20277,20278,20279,20282,20283,20286],{},"Image quality is crucial when converting PSD to PNG. For web use, set your resolution to ",[237,20280,20281],{},"72 DPI",", while print materials\nrequire ",[237,20284,20285],{},"300 DPI",". Always check your transparency settings if your image includes transparent elements, and verify the\nfinal quality before sharing.",[22,20288,20290],{"id":20289},"common-issues-and-solutions","Common Issues and Solutions",[12,20292,20293],{},"Quality loss is a common concern when converting files. To maintain the highest quality, use maximum quality settings\nduring export. If you encounter transparency problems, ensure transparency is enabled in your export options. For large\nfiles, consider optimizing your PSD before conversion.",[22,20295,639],{"id":638},[641,20297],{":qas":20298},"[{\"q\":\"Can I convert PSD to PNG without Photoshop?\",\"a\":\"Yes, you can use free online PSD to PNG converters or alternative software like GIMP.\"},{\"q\":\"Will my layers be preserved when converting to PNG?\",\"a\":\"No, PNG files don't support layers. The image will be flattened during conversion.\"},{\"q\":\"Will PNG format preserve transparency?\",\"a\":\"Yes, PNG format supports transparent areas in the image.\"},{\"q\":\"Which is the best free option to convert PSD files to PNG?\",\"a\":\"CloudConvert and Convertio are highly reliable free options for converting PSD to PNG online.\"}]",[22,20300,20302],{"id":20301},"conclusion","Conclusion",[12,20304,20305],{},"Converting PSD to PNG doesn't have to be complicated. Whether you choose professional software like Photoshop, free\nonline PSD to PNG converters, or alternative software solutions, the key is selecting the method that best fits your\nneeds. Remember to always keep a backup of your original PSD files before converting them to PNG format.",[12,20307,20308,20309,20311],{},"If the PNG is headed for a forum post, a listing or an email, ",[40,20310,19689],{"href":3663}," covers\nwhere to upload it and get a direct link.",{"title":645,"searchDepth":646,"depth":646,"links":20313},[20314,20319,20320,20321,20322,20323,20324,20325,20326],{"id":20151,"depth":646,"text":20152,"children":20315},[20316,20317,20318],{"id":20155,"depth":656,"text":20156},{"id":20162,"depth":656,"text":20163},{"id":20169,"depth":656,"text":20170},{"id":20176,"depth":646,"text":20177},{"id":20204,"depth":646,"text":20205},{"id":20249,"depth":646,"text":20250},{"id":20267,"depth":646,"text":20268},{"id":20274,"depth":646,"text":20275},{"id":20289,"depth":646,"text":20290},{"id":638,"depth":646,"text":639},{"id":20301,"depth":646,"text":20302},"2026-04-09","Convert PSD to PNG in Photoshop with File > Export > Quick Export as PNG. The trap is transparency and flattened layers. Plus the free no-Photoshop route.","solar:gallery-bold",{"excerpt":20331},{"type":9,"value":20332},[20333],[12,20334,20148],{},{"title":20143,"description":20328},"convert-psd-to-png",[20338,20339,20340],"convert","PSD","PNG","Ziheiyezd871SZAoillZhLkEgnu-vFMqve_j2sjKKTg",{"id":20343,"title":20344,"alt":6,"author":685,"body":20345,"date":20327,"description":21347,"extension":666,"icon":19435,"image":6,"meta":21348,"navigation":673,"path":3982,"published":6,"seo":21353,"stem":21354,"tags":21355,"__hash__":21356},"blog\u002Fembed-pdf-in-html.md","How to Embed PDF in HTML: A Complete Guide",{"type":9,"value":20346,"toc":21326},[20347,20350,20354,20357,20360,20364,20367,20370,20484,20488,20491,20495,20499,20502,20505,20508,20615,20619,20622,20625,20629,20632,20887,20897,20901,20904,21080,21084,21088,21091,21164,21168,21171,21241,21245,21248,21265,21269,21273,21276,21313,21315,21318,21320,21323],[12,20348,20349],{},"If you've ever needed to display PDF documents directly on your website, learning how to embed PDF in HTML is essential.\nThis comprehensive guide will show you several proven methods to embed PDF files in your web pages, ensuring optimal\ndisplay across different browsers and devices.",[22,20351,20353],{"id":20352},"why-embed-pdf-documents-in-html","Why Embed PDF Documents in HTML?",[12,20355,20356],{},"Learning how to embed PDF in HTML pages offers significant advantages for both website owners and users. Instead of\nforcing visitors to download files or open them in new windows, embedded PDF documents create a seamless reading\nexperience right on your webpage. When you embed a PDF in HTML, you maintain consistent branding and navigation while\nkeeping users engaged with your content, whether you're showcasing documentation, reports, portfolios, or any other PDF\nmaterials.",[12,20358,20359],{},"The ability to embed PDF documents directly in your HTML pages also improves content accessibility and user experience.\nRather than dealing with downloads or external PDF viewers, your visitors can immediately access the information they\nneed, which is especially valuable in today's fast-paced digital environment. This streamlined approach to embedding\nPDFs helps with content organization and ensures your documents are always accessible in their latest version.",[22,20361,20363],{"id":20362},"embed-using-the-object-tag","Embed Using the Object Tag",[12,20365,20366],{},"The object tag stands out as a versatile solution for embedding PDF documents in HTML, offering several compelling\nadvantages over other methods. As a native HTML element, it provides better semantic meaning and accessibility features\nwhile maintaining broad browser support. One of the most significant benefits is its built-in fallback mechanism,\nallowing you to nest alternative content that displays when PDF viewing isn't supported, ensuring a seamless user\nexperience across different browsers and devices.",[12,20368,20369],{},"The object tag also offers greater control over PDF display parameters through its attributes and supports direct\ninteraction with the PDF content, including zooming, searching, and printing capabilities, all while maintaining better\nintegration with the page's DOM structure compared to iframes. Additionally, the object tag typically provides better\nperformance as it uses the browser's native PDF viewer when available, reducing the need for external plugins or\nservices.",[2500,20371,20373],{"className":12918,"code":20372,"language":12920,"meta":645,"style":645},"\u003Cobject data=\"path\u002Fto\u002Fyour\u002Ffile.pdf\" type=\"application\u002Fpdf\" width=\"100%\" height=\"600px\">\n  \u003Cp>Unable to display PDF. \u003Ca href=\"path\u002Fto\u002Fyour\u002Ffile.pdf\">Download PDF\u003C\u002Fa> instead.\u003C\u002Fp>\n\u003C\u002Fobject>\n",[51,20374,20375,20430,20476],{"__ignoreMap":645},[1489,20376,20377,20379,20382,20385,20387,20389,20392,20394,20396,20398,20400,20403,20405,20408,20410,20412,20414,20416,20419,20421,20423,20426,20428],{"class":2598,"line":2599},[1489,20378,12927],{"class":2602},[1489,20380,20381],{"class":12930},"object",[1489,20383,20384],{"class":12936}," data",[1489,20386,12940],{"class":2602},[1489,20388,2616],{"class":2641},[1489,20390,20391],{"class":2644},"path\u002Fto\u002Fyour\u002Ffile.pdf",[1489,20393,2616],{"class":2641},[1489,20395,15828],{"class":12936},[1489,20397,12940],{"class":2602},[1489,20399,2616],{"class":2641},[1489,20401,20402],{"class":2644},"application\u002Fpdf",[1489,20404,2616],{"class":2641},[1489,20406,20407],{"class":12936}," width",[1489,20409,12940],{"class":2602},[1489,20411,2616],{"class":2641},[1489,20413,12960],{"class":2644},[1489,20415,2616],{"class":2641},[1489,20417,20418],{"class":12936}," height",[1489,20420,12940],{"class":2602},[1489,20422,2616],{"class":2641},[1489,20424,20425],{"class":2644},"600px",[1489,20427,2616],{"class":2641},[1489,20429,13008],{"class":2602},[1489,20431,20432,20434,20436,20438,20441,20443,20445,20448,20450,20452,20454,20456,20458,20461,20463,20465,20467,20470,20472,20474],{"class":2598,"line":646},[1489,20433,15822],{"class":2602},[1489,20435,12],{"class":12930},[1489,20437,15840],{"class":2602},[1489,20439,20440],{"class":15843},"Unable to display PDF. ",[1489,20442,12927],{"class":2602},[1489,20444,40],{"class":12930},[1489,20446,20447],{"class":12936}," href",[1489,20449,12940],{"class":2602},[1489,20451,2616],{"class":2641},[1489,20453,20391],{"class":2644},[1489,20455,2616],{"class":2641},[1489,20457,15840],{"class":2602},[1489,20459,20460],{"class":15843},"Download PDF",[1489,20462,13014],{"class":2602},[1489,20464,40],{"class":12930},[1489,20466,15840],{"class":2602},[1489,20468,20469],{"class":15843}," instead.",[1489,20471,13014],{"class":2602},[1489,20473,12],{"class":12930},[1489,20475,13008],{"class":2602},[1489,20477,20478,20480,20482],{"class":2598,"line":656},[1489,20479,13014],{"class":2602},[1489,20481,20381],{"class":12930},[1489,20483,13008],{"class":2602},[502,20485,20487],{"id":20486},"object-tag-embed-example","Object Tag Embed Example",[12,20489,20490],{},"Below is an example of PDF embedded with the Object Tag method.",[20492,20493],"plain-html",{"html":20494},"\u003Cobject data=\"\u002Fblog\u002Fassets\u002Fembed-pdf-in-html\u002Fexample.pdf\" type=\"application\u002Fpdf\" width=\"100%\" height=\"600px\" title=\"PDF embed example\">\n  \u003Cp>Unable to display PDF. \u003Ca href=\"\u002Fblog\u002Fassets\u002Fembed-pdf-in-html\u002Fexample.pdf\" target=\"_blank\">Download PDF\u003C\u002Fa> instead.\u003C\u002Fp>\n\u003C\u002Fobject>\n",[22,20496,20498],{"id":20497},"embed-using-the-iframe-method","Embed Using the iFrame Method",[12,20500,20501],{},"The iFrame method offers several distinct advantages when embedding PDF documents in HTML. First and foremost, iFrame\nprovide excellent isolation between the PDF content and your main webpage, ensuring that any potential rendering issues\nwith the PDF won't affect your site's layout or functionality. This separation also improves security by creating a\nnatural boundary between the embedded content and your main page.",[12,20503,20504],{},"Another significant benefit is the iFrame's built-in scrolling functionality. Unlike some other embedding methods,\niFrame naturally handle both vertical and horizontal scrolling without requiring additional JavaScript or CSS. This\nmakes it particularly useful for longer PDF documents or when displaying PDF files on mobile devices where screen space\nis limited.",[12,20506,20507],{},"Cross-browser compatibility is another strong point of the iFrame approach. Most modern browsers support iFrames\nconsistently, and they handle PDF rendering reliably across different platforms. Additionally, iFrames support various\nPDF viewers, including the browser's native PDF viewer and external services like Google Docs Viewer, giving you\nflexibility in how your PDFs are displayed.",[2500,20509,20511],{"className":12918,"code":20510,"language":12920,"meta":645,"style":645},"\u003Ciframe src=\"path\u002Fto\u002Fyour\u002Ffile.pdf\" width=\"100%\" height=\"600px\" loading=\"lazy\">\n  \u003Cp>This browser does not support PDF viewing. \u003Ca href=\"path\u002Fto\u002Fyour\u002Ffile.pdf\">Download PDF\u003C\u002Fa> to view it.\u003C\u002Fp>\n\u003C\u002Fiframe>\n",[51,20512,20513,20563,20607],{"__ignoreMap":645},[1489,20514,20515,20517,20519,20522,20524,20526,20528,20530,20532,20534,20536,20538,20540,20542,20544,20546,20548,20550,20553,20555,20557,20559,20561],{"class":2598,"line":2599},[1489,20516,12927],{"class":2602},[1489,20518,13017],{"class":12930},[1489,20520,20521],{"class":12936}," src",[1489,20523,12940],{"class":2602},[1489,20525,2616],{"class":2641},[1489,20527,20391],{"class":2644},[1489,20529,2616],{"class":2641},[1489,20531,20407],{"class":12936},[1489,20533,12940],{"class":2602},[1489,20535,2616],{"class":2641},[1489,20537,12960],{"class":2644},[1489,20539,2616],{"class":2641},[1489,20541,20418],{"class":12936},[1489,20543,12940],{"class":2602},[1489,20545,2616],{"class":2641},[1489,20547,20425],{"class":2644},[1489,20549,2616],{"class":2641},[1489,20551,20552],{"class":12936}," loading",[1489,20554,12940],{"class":2602},[1489,20556,2616],{"class":2641},[1489,20558,13003],{"class":2644},[1489,20560,2616],{"class":2641},[1489,20562,13008],{"class":2602},[1489,20564,20565,20567,20569,20571,20574,20576,20578,20580,20582,20584,20586,20588,20590,20592,20594,20596,20598,20601,20603,20605],{"class":2598,"line":646},[1489,20566,15822],{"class":2602},[1489,20568,12],{"class":12930},[1489,20570,15840],{"class":2602},[1489,20572,20573],{"class":15843},"This browser does not support PDF viewing. ",[1489,20575,12927],{"class":2602},[1489,20577,40],{"class":12930},[1489,20579,20447],{"class":12936},[1489,20581,12940],{"class":2602},[1489,20583,2616],{"class":2641},[1489,20585,20391],{"class":2644},[1489,20587,2616],{"class":2641},[1489,20589,15840],{"class":2602},[1489,20591,20460],{"class":15843},[1489,20593,13014],{"class":2602},[1489,20595,40],{"class":12930},[1489,20597,15840],{"class":2602},[1489,20599,20600],{"class":15843}," to view it.",[1489,20602,13014],{"class":2602},[1489,20604,12],{"class":12930},[1489,20606,13008],{"class":2602},[1489,20608,20609,20611,20613],{"class":2598,"line":656},[1489,20610,13014],{"class":2602},[1489,20612,13017],{"class":12930},[1489,20614,13008],{"class":2602},[502,20616,20618],{"id":20617},"iframe-method-pdf-embed-example","iFrame Method PDF Embed Example",[12,20620,20621],{},"Below is an example of PDF embedded with the iFrame method.",[20492,20623],{"html":20624},"\u003Ciframe src=\"\u002Fblog\u002Fassets\u002Fembed-pdf-in-html\u002Fexample.pdf\" width=\"100%\" height=\"600px\" title=\"PDF embed example using iFrame\">\n  \u003Cp>This browser does not support PDF viewing. \u003Ca href=\"\u002Fblog\u002Fassets\u002Fembed-pdf-in-html\u002Fexample.pdf\">Download PDF\u003C\u002Fa> to view it.\u003C\u002Fp>\n\u003C\u002Fiframe>\n",[22,20626,20628],{"id":20627},"embed-using-adobe-pdf-embed-api","Embed Using Adobe PDF Embed API",[12,20630,20631],{},"For professional websites requiring advanced features, the Adobe PDF Embed API offers enhanced functionality:",[2500,20633,20635],{"className":12918,"code":20634,"language":12920,"meta":645,"style":645},"\u003Cdiv id=\"adobe-dc-view\">\u003C\u002Fdiv>\n\u003Cscript src=\"https:\u002F\u002Fdocumentcloud.adobe.com\u002Fview-sdk\u002Fmain.js\">\u003C\u002Fscript>\n\u003Cscript>\n  document.addEventListener(\"adobe_dc_view_sdk.ready\", function () {\n    var adobeDCView = new AdobeDC.View({clientId: \"YOUR_CLIENT_ID\", divId: \"adobe-dc-view\"});\n    adobeDCView.previewFile({\n      content: {location: {url: \"path\u002Fto\u002Fyour\u002Ffile.pdf\"}},\n      metaData: {fileName: \"Document Name\"}\n    });\n  });\n\u003C\u002Fscript>\n",[51,20636,20637,20663,20687,20695,20728,20790,20804,20835,20858,20868,20878],{"__ignoreMap":645},[1489,20638,20639,20641,20644,20647,20649,20651,20654,20656,20659,20661],{"class":2598,"line":2599},[1489,20640,12927],{"class":2602},[1489,20642,20643],{"class":12930},"div",[1489,20645,20646],{"class":12936}," id",[1489,20648,12940],{"class":2602},[1489,20650,2616],{"class":2641},[1489,20652,20653],{"class":2644},"adobe-dc-view",[1489,20655,2616],{"class":2641},[1489,20657,20658],{"class":2602},">\u003C\u002F",[1489,20660,20643],{"class":12930},[1489,20662,13008],{"class":2602},[1489,20664,20665,20667,20670,20672,20674,20676,20679,20681,20683,20685],{"class":2598,"line":646},[1489,20666,12927],{"class":2602},[1489,20668,20669],{"class":12930},"script",[1489,20671,20521],{"class":12936},[1489,20673,12940],{"class":2602},[1489,20675,2616],{"class":2641},[1489,20677,20678],{"class":2644},"https:\u002F\u002Fdocumentcloud.adobe.com\u002Fview-sdk\u002Fmain.js",[1489,20680,2616],{"class":2641},[1489,20682,20658],{"class":2602},[1489,20684,20669],{"class":12930},[1489,20686,13008],{"class":2602},[1489,20688,20689,20691,20693],{"class":2598,"line":656},[1489,20690,12927],{"class":2602},[1489,20692,20669],{"class":12930},[1489,20694,13008],{"class":2602},[1489,20696,20697,20700,20702,20706,20709,20711,20714,20716,20718,20722,20725],{"class":2598,"line":2672},[1489,20698,20699],{"class":15843},"  document",[1489,20701,46],{"class":2602},[1489,20703,20705],{"class":20704},"sc6Wa","addEventListener",[1489,20707,20708],{"class":15843},"(",[1489,20710,2616],{"class":2641},[1489,20712,20713],{"class":2644},"adobe_dc_view_sdk.ready",[1489,20715,2616],{"class":2641},[1489,20717,2650],{"class":2602},[1489,20719,20721],{"class":20720},"sBjED"," function",[1489,20723,20724],{"class":2602}," ()",[1489,20726,20727],{"class":2602}," {\n",[1489,20729,20730,20733,20736,20740,20743,20746,20748,20751,20754,20757,20760,20762,20764,20767,20769,20771,20774,20776,20778,20780,20782,20785,20787],{"class":2598,"line":2678},[1489,20731,20732],{"class":20720},"    var",[1489,20734,20735],{"class":15843}," adobeDCView",[1489,20737,20739],{"class":20738},"svFzx"," =",[1489,20741,20742],{"class":20738}," new",[1489,20744,20745],{"class":15843}," AdobeDC",[1489,20747,46],{"class":2602},[1489,20749,20750],{"class":20704},"View",[1489,20752,20708],{"class":20753},"seyVY",[1489,20755,20756],{"class":2602},"{",[1489,20758,20759],{"class":20753},"clientId",[1489,20761,2619],{"class":2602},[1489,20763,2630],{"class":2641},[1489,20765,20766],{"class":2644},"YOUR_CLIENT_ID",[1489,20768,2616],{"class":2641},[1489,20770,2650],{"class":2602},[1489,20772,20773],{"class":20753}," divId",[1489,20775,2619],{"class":2602},[1489,20777,2630],{"class":2641},[1489,20779,20653],{"class":2644},[1489,20781,2616],{"class":2641},[1489,20783,20784],{"class":2602},"}",[1489,20786,8341],{"class":20753},[1489,20788,20789],{"class":2602},";\n",[1489,20791,20792,20795,20797,20800,20802],{"class":2598,"line":12993},[1489,20793,20794],{"class":15843},"    adobeDCView",[1489,20796,46],{"class":2602},[1489,20798,20799],{"class":20704},"previewFile",[1489,20801,20708],{"class":20753},[1489,20803,2603],{"class":2602},[1489,20805,20806,20809,20811,20814,20817,20819,20821,20824,20826,20828,20830,20832],{"class":2598,"line":13011},[1489,20807,20808],{"class":20753},"      content",[1489,20810,2619],{"class":2602},[1489,20812,20813],{"class":2602}," {",[1489,20815,20816],{"class":20753},"location",[1489,20818,2619],{"class":2602},[1489,20820,20813],{"class":2602},[1489,20822,20823],{"class":20753},"url",[1489,20825,2619],{"class":2602},[1489,20827,2630],{"class":2641},[1489,20829,20391],{"class":2644},[1489,20831,2616],{"class":2641},[1489,20833,20834],{"class":2602},"}},\n",[1489,20836,20837,20840,20842,20844,20847,20849,20851,20854,20856],{"class":2598,"line":16089},[1489,20838,20839],{"class":20753},"      metaData",[1489,20841,2619],{"class":2602},[1489,20843,20813],{"class":2602},[1489,20845,20846],{"class":20753},"fileName",[1489,20848,2619],{"class":2602},[1489,20850,2630],{"class":2641},[1489,20852,20853],{"class":2644},"Document Name",[1489,20855,2616],{"class":2641},[1489,20857,2681],{"class":2602},[1489,20859,20861,20864,20866],{"class":2598,"line":20860},9,[1489,20862,20863],{"class":2602},"    }",[1489,20865,8341],{"class":20753},[1489,20867,20789],{"class":2602},[1489,20869,20871,20874,20876],{"class":2598,"line":20870},10,[1489,20872,20873],{"class":2602},"  }",[1489,20875,8341],{"class":15843},[1489,20877,20789],{"class":2602},[1489,20879,20881,20883,20885],{"class":2598,"line":20880},11,[1489,20882,13014],{"class":2602},[1489,20884,20669],{"class":12930},[1489,20886,13008],{"class":2602},[12,20888,20889,20890,20896],{},"Check ",[40,20891,20895],{"href":20892,"rel":20893,"target":20894},"https:\u002F\u002Fdeveloper.adobe.com\u002Fdocument-services\u002Fdocs\u002Foverview\u002Fpdf-embed-api\u002F",[44],"_blank","Adobe PDF Embed API Example"," for online demo.",[22,20898,20900],{"id":20899},"making-your-pdfs-responsive","Making Your PDFs Responsive",[12,20902,20903],{},"Ensure your embedded PDFs work well on all devices with this responsive container:",[2500,20905,20909],{"className":20906,"code":20907,"language":20908,"meta":645,"style":645},"language-css shiki shiki-themes github-light material-theme github-dark-high-contrast",".pdf-container {\n  position: relative;\n  width: 100%;\n  padding-top: 56.25%; \u002F* 16:9 aspect ratio *\u002F\n}\n\n.pdf-container object,\n.pdf-container iframe {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: none;\n}\n","css",[51,20910,20911,20922,20936,20952,20970,20974,20979,20991,21002,21013,21025,21036,21049,21062,21075],{"__ignoreMap":645},[1489,20912,20913,20916,20920],{"class":2598,"line":2599},[1489,20914,46],{"class":20915},"sQR1y",[1489,20917,20919],{"class":20918},"s4I1m","pdf-container",[1489,20921,20727],{"class":2602},[1489,20923,20924,20928,20930,20934],{"class":2598,"line":646},[1489,20925,20927],{"class":20926},"sihzY","  position",[1489,20929,2619],{"class":2602},[1489,20931,20933],{"class":20932},"sGd0f"," relative",[1489,20935,20789],{"class":2602},[1489,20937,20938,20940,20942,20946,20950],{"class":2598,"line":656},[1489,20939,12953],{"class":20926},[1489,20941,2619],{"class":2602},[1489,20943,20945],{"class":20944},"sh5Qp"," 100",[1489,20947,20949],{"class":20948},"secYo","%",[1489,20951,20789],{"class":2602},[1489,20953,20954,20957,20959,20962,20964,20967],{"class":2598,"line":2672},[1489,20955,20956],{"class":20926},"  padding-top",[1489,20958,2619],{"class":2602},[1489,20960,20961],{"class":20944}," 56.25",[1489,20963,20949],{"class":20948},[1489,20965,20966],{"class":2602},";",[1489,20968,20969],{"class":15816}," \u002F* 16:9 aspect ratio *\u002F\n",[1489,20971,20972],{"class":2598,"line":2678},[1489,20973,2681],{"class":2602},[1489,20975,20976],{"class":2598,"line":12993},[1489,20977,20978],{"emptyLinePlaceholder":673},"\n",[1489,20980,20981,20983,20985,20989],{"class":2598,"line":13011},[1489,20982,46],{"class":20915},[1489,20984,20919],{"class":20918},[1489,20986,20988],{"class":20987},"shnR1"," object",[1489,20990,20214],{"class":2602},[1489,20992,20993,20995,20997,21000],{"class":2598,"line":16089},[1489,20994,46],{"class":20915},[1489,20996,20919],{"class":20918},[1489,20998,20999],{"class":20987}," iframe",[1489,21001,20727],{"class":2602},[1489,21003,21004,21006,21008,21011],{"class":2598,"line":20860},[1489,21005,20927],{"class":20926},[1489,21007,2619],{"class":2602},[1489,21009,21010],{"class":20932}," absolute",[1489,21012,20789],{"class":2602},[1489,21014,21015,21018,21020,21023],{"class":2598,"line":20870},[1489,21016,21017],{"class":20926},"  top",[1489,21019,2619],{"class":2602},[1489,21021,21022],{"class":20944}," 0",[1489,21024,20789],{"class":2602},[1489,21026,21027,21030,21032,21034],{"class":2598,"line":20880},[1489,21028,21029],{"class":20926},"  left",[1489,21031,2619],{"class":2602},[1489,21033,21022],{"class":20944},[1489,21035,20789],{"class":2602},[1489,21037,21039,21041,21043,21045,21047],{"class":2598,"line":21038},12,[1489,21040,12953],{"class":20926},[1489,21042,2619],{"class":2602},[1489,21044,20945],{"class":20944},[1489,21046,20949],{"class":20948},[1489,21048,20789],{"class":2602},[1489,21050,21052,21054,21056,21058,21060],{"class":2598,"line":21051},13,[1489,21053,12967],{"class":20926},[1489,21055,2619],{"class":2602},[1489,21057,20945],{"class":20944},[1489,21059,20949],{"class":20948},[1489,21061,20789],{"class":2602},[1489,21063,21065,21068,21070,21073],{"class":2598,"line":21064},14,[1489,21066,21067],{"class":20926},"  border",[1489,21069,2619],{"class":2602},[1489,21071,21072],{"class":20932}," none",[1489,21074,20789],{"class":2602},[1489,21076,21078],{"class":2598,"line":21077},15,[1489,21079,2681],{"class":2602},[22,21081,21083],{"id":21082},"advanced-pdf-embedding-features","Advanced PDF Embedding Features",[502,21085,21087],{"id":21086},"custom-controls","Custom Controls",[12,21089,21090],{},"Customize your PDF viewer's appearance:",[2500,21092,21094],{"className":12918,"code":21093,"language":12920,"meta":645,"style":645},"\u003Cobject\n  data=\"document.pdf#toolbar=0&navpanes=0&scrollbar=1\"\n  type=\"application\u002Fpdf\"\n  width=\"100%\"\n  height=\"600px\">\n\u003C\u002Fobject>\n",[51,21095,21096,21103,21117,21130,21142,21156],{"__ignoreMap":645},[1489,21097,21098,21100],{"class":2598,"line":2599},[1489,21099,12927],{"class":2602},[1489,21101,21102],{"class":12930},"object\n",[1489,21104,21105,21108,21110,21112,21115],{"class":2598,"line":646},[1489,21106,21107],{"class":12936},"  data",[1489,21109,12940],{"class":2602},[1489,21111,2616],{"class":2641},[1489,21113,21114],{"class":2644},"document.pdf#toolbar=0&navpanes=0&scrollbar=1",[1489,21116,12948],{"class":2641},[1489,21118,21119,21122,21124,21126,21128],{"class":2598,"line":656},[1489,21120,21121],{"class":12936},"  type",[1489,21123,12940],{"class":2602},[1489,21125,2616],{"class":2641},[1489,21127,20402],{"class":2644},[1489,21129,12948],{"class":2641},[1489,21131,21132,21134,21136,21138,21140],{"class":2598,"line":2672},[1489,21133,12953],{"class":12936},[1489,21135,12940],{"class":2602},[1489,21137,2616],{"class":2641},[1489,21139,12960],{"class":2644},[1489,21141,12948],{"class":2641},[1489,21143,21144,21146,21148,21150,21152,21154],{"class":2598,"line":2678},[1489,21145,12967],{"class":12936},[1489,21147,12940],{"class":2602},[1489,21149,2616],{"class":2641},[1489,21151,20425],{"class":2644},[1489,21153,2616],{"class":2641},[1489,21155,13008],{"class":2602},[1489,21157,21158,21160,21162],{"class":2598,"line":12993},[1489,21159,13014],{"class":2602},[1489,21161,20381],{"class":12930},[1489,21163,13008],{"class":2602},[502,21165,21167],{"id":21166},"page-specific-display","Page-Specific Display",[12,21169,21170],{},"Direct users to specific pages in your PDF:",[2500,21172,21174],{"className":12918,"code":21173,"language":12920,"meta":645,"style":645},"\u003Cobject\n  data=\"document.pdf#page=5&zoom=auto\"\n  type=\"application\u002Fpdf\"\n  width=\"100%\"\n  height=\"600px\">\n\u003C\u002Fobject>\n",[51,21175,21176,21182,21195,21207,21219,21233],{"__ignoreMap":645},[1489,21177,21178,21180],{"class":2598,"line":2599},[1489,21179,12927],{"class":2602},[1489,21181,21102],{"class":12930},[1489,21183,21184,21186,21188,21190,21193],{"class":2598,"line":646},[1489,21185,21107],{"class":12936},[1489,21187,12940],{"class":2602},[1489,21189,2616],{"class":2641},[1489,21191,21192],{"class":2644},"document.pdf#page=5&zoom=auto",[1489,21194,12948],{"class":2641},[1489,21196,21197,21199,21201,21203,21205],{"class":2598,"line":656},[1489,21198,21121],{"class":12936},[1489,21200,12940],{"class":2602},[1489,21202,2616],{"class":2641},[1489,21204,20402],{"class":2644},[1489,21206,12948],{"class":2641},[1489,21208,21209,21211,21213,21215,21217],{"class":2598,"line":2672},[1489,21210,12953],{"class":12936},[1489,21212,12940],{"class":2602},[1489,21214,2616],{"class":2641},[1489,21216,12960],{"class":2644},[1489,21218,12948],{"class":2641},[1489,21220,21221,21223,21225,21227,21229,21231],{"class":2598,"line":2678},[1489,21222,12967],{"class":12936},[1489,21224,12940],{"class":2602},[1489,21226,2616],{"class":2641},[1489,21228,20425],{"class":2644},[1489,21230,2616],{"class":2641},[1489,21232,13008],{"class":2602},[1489,21234,21235,21237,21239],{"class":2598,"line":12993},[1489,21236,13014],{"class":2602},[1489,21238,20381],{"class":12930},[1489,21240,13008],{"class":2602},[22,21242,21244],{"id":21243},"best-practices-for-pdf-embedding","Best Practices for PDF Embedding",[12,21246,21247],{},"When embedding PDF documents in HTML, consider these essential practices:",[33,21249,21250,21253,21256,21259,21262],{},[36,21251,21252],{},"Provide a direct download link as a fallback option",[36,21254,21255],{},"Optimize PDF file sizes for faster loading",[36,21257,21258],{},"Use responsive design for mobile viewers",[36,21260,21261],{},"Implement secure PDF hosting using HTTPS",[36,21263,21264],{},"Test thoroughly across different browsers and devices",[22,21266,21268],{"id":21267},"troubleshooting-common-issues","Troubleshooting Common Issues",[502,21270,21272],{"id":21271},"performance-optimization","Performance Optimization",[12,21274,21275],{},"For large PDF files, implement lazy loading:",[2500,21277,21281],{"className":21278,"code":21279,"language":21280,"meta":645,"style":645},"language-javascript shiki shiki-themes github-light material-theme github-dark-high-contrast","document.addEventListener('DOMContentLoaded', function () {\n  const pdfElement = document.querySelector('.pdf-container');\n  if ('IntersectionObserver' in window) {\n    \u002F\u002F Lazy loading implementation\n  }\n});\n","javascript",[51,21282,21283,21288,21293,21298,21303,21308],{"__ignoreMap":645},[1489,21284,21285],{"class":2598,"line":2599},[1489,21286,21287],{},"document.addEventListener('DOMContentLoaded', function () {\n",[1489,21289,21290],{"class":2598,"line":646},[1489,21291,21292],{},"  const pdfElement = document.querySelector('.pdf-container');\n",[1489,21294,21295],{"class":2598,"line":656},[1489,21296,21297],{},"  if ('IntersectionObserver' in window) {\n",[1489,21299,21300],{"class":2598,"line":2672},[1489,21301,21302],{},"    \u002F\u002F Lazy loading implementation\n",[1489,21304,21305],{"class":2598,"line":2678},[1489,21306,21307],{},"  }\n",[1489,21309,21310],{"class":2598,"line":12993},[1489,21311,21312],{},"});\n",[22,21314,639],{"id":638},[641,21316],{":qas":21317},"[{\"q\":\"How do I handle large PDF files?\",\"a\":\"Implement lazy loading and compress PDFs before embedding them in your HTML pages.\"},{\"q\":\"Will embedding PDFs affect my page load time?\",\"a\":\"Yes, optimize your PDF files and consider using lazy loading techniques for better performance.\"}]",[22,21319,20302],{"id":20301},[12,21321,21322],{},"Now you know multiple ways to embed PDF in HTML pages effectively. Choose the method that best suits your needs,\nconsidering factors like browser compatibility, user experience, and performance requirements. Remember to always\nprovide fallback options and optimize your PDFs for web use.",[3231,21324,21325],{},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .swkHL, html code.shiki .swkHL{--shiki-light:#24292E;--shiki-default:#89DDFF;--shiki-dark:#F0F3F6}html pre.shiki code .sHv8U, html code.shiki .sHv8U{--shiki-light:#22863A;--shiki-default:#F07178;--shiki-dark:#72F088}html pre.shiki code .sDQaw, html code.shiki .sDQaw{--shiki-light:#6F42C1;--shiki-default:#C792EA;--shiki-dark:#91CBFF}html pre.shiki code .sLH4c, html code.shiki .sLH4c{--shiki-light:#032F62;--shiki-default:#89DDFF;--shiki-dark:#ADDCFF}html pre.shiki code .saCgk, html code.shiki .saCgk{--shiki-light:#032F62;--shiki-default:#C3E88D;--shiki-dark:#ADDCFF}html pre.shiki code .s0Car, html code.shiki .s0Car{--shiki-light:#24292E;--shiki-default:#EEFFFF;--shiki-dark:#F0F3F6}html pre.shiki code .sc6Wa, html code.shiki .sc6Wa{--shiki-light:#6F42C1;--shiki-default:#82AAFF;--shiki-dark:#DBB7FF}html pre.shiki code .sBjED, html code.shiki .sBjED{--shiki-light:#D73A49;--shiki-default:#C792EA;--shiki-dark:#FF9492}html pre.shiki code .svFzx, html code.shiki .svFzx{--shiki-light:#D73A49;--shiki-default:#89DDFF;--shiki-dark:#FF9492}html pre.shiki code .seyVY, html code.shiki .seyVY{--shiki-light:#24292E;--shiki-default:#F07178;--shiki-dark:#F0F3F6}html pre.shiki code .sQR1y, html code.shiki .sQR1y{--shiki-light:#6F42C1;--shiki-default:#89DDFF;--shiki-dark:#91CBFF}html pre.shiki code .s4I1m, html code.shiki .s4I1m{--shiki-light:#6F42C1;--shiki-default:#FFCB6B;--shiki-dark:#91CBFF}html pre.shiki code .sihzY, html code.shiki .sihzY{--shiki-light:#005CC5;--shiki-default:#B2CCD6;--shiki-dark:#91CBFF}html pre.shiki code .sGd0f, html code.shiki .sGd0f{--shiki-light:#005CC5;--shiki-default:#EEFFFF;--shiki-dark:#91CBFF}html pre.shiki code .sh5Qp, html code.shiki .sh5Qp{--shiki-light:#005CC5;--shiki-default:#F78C6C;--shiki-dark:#91CBFF}html pre.shiki code .secYo, html code.shiki .secYo{--shiki-light:#D73A49;--shiki-default:#F78C6C;--shiki-dark:#FF9492}html pre.shiki code .sqhx1, html code.shiki .sqhx1{--shiki-light:#6A737D;--shiki-light-font-style:inherit;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#BDC4CC;--shiki-dark-font-style:inherit}html pre.shiki code .shnR1, html code.shiki .shnR1{--shiki-light:#22863A;--shiki-default:#FFCB6B;--shiki-dark:#72F088}",{"title":645,"searchDepth":646,"depth":646,"links":21327},[21328,21329,21332,21335,21336,21337,21341,21342,21345,21346],{"id":20352,"depth":646,"text":20353},{"id":20362,"depth":646,"text":20363,"children":21330},[21331],{"id":20486,"depth":656,"text":20487},{"id":20497,"depth":646,"text":20498,"children":21333},[21334],{"id":20617,"depth":656,"text":20618},{"id":20627,"depth":646,"text":20628},{"id":20899,"depth":646,"text":20900},{"id":21082,"depth":646,"text":21083,"children":21338},[21339,21340],{"id":21086,"depth":656,"text":21087},{"id":21166,"depth":656,"text":21167},{"id":21243,"depth":646,"text":21244},{"id":21267,"depth":646,"text":21268,"children":21343},[21344],{"id":21271,"depth":656,"text":21272},{"id":638,"depth":646,"text":639},{"id":20301,"depth":646,"text":20302},"Embed a PDF in HTML with the \u003Cobject> tag, which gives you a fallback for browsers that won't render PDFs. Plus the iframe and Adobe PDF Embed API methods.",{"excerpt":21349},{"type":9,"value":21350},[21351],[12,21352,20349],{},{"title":20344,"description":21347},"embed-pdf-in-html",[4305,12611],"gI2bB6yo4WY3mesnPruZaF5ykTGiuzADEMVqGDz3r-o",{"id":21358,"title":21359,"alt":6,"author":685,"body":21360,"date":20327,"description":21701,"extension":666,"icon":21702,"image":6,"meta":21703,"navigation":673,"path":4074,"published":6,"seo":21708,"stem":21709,"tags":21710,"__hash__":21713},"blog\u002Fhow-to-share-pdf-as-a-link.md","How to Share PDF as a Link",{"type":9,"value":21361,"toc":21682},[21362,21365,21368,21385,21388,21392,21395,21398,21401,21404,21407,21424,21427,21430,21434,21466,21470,21502,21506,21509,21512,21515,21547,21550,21582,21586,21605,21612,21616,21620,21623,21627,21630,21632,21635,21641,21645,21656,21662,21664,21670,21676],[12,21363,21364],{},"Remember the last time you tried emailing a massive report, only to have it bounce back? Or when you needed to update a\ndocument and had to resend it to multiple people?\nSharing PDFs as links easily solves these headaches.",[12,21366,21367],{},"Imagine sending a single link that:",[115,21369,21370,21373,21376,21379,21382],{},[36,21371,21372],{},"Updates automatically when you modify the document",[36,21374,21375],{},"Works across any device",[36,21377,21378],{},"Doesn't clog up email inboxes",[36,21380,21381],{},"Lets you control exactly who sees your file",[36,21383,21384],{},"Tracks who's actually opened and read your document",[12,21386,21387],{},"These methods will allow you to easily share PDF files.",[22,21389,21391],{"id":21390},"cloud-storage-services-for-pdf-sharing","Cloud Storage Services for PDF Sharing",[12,21393,21394],{},"Google Drive, Dropbox, and OneDrive each offer unique ways to share documents quickly and securely. They might look\nsimilar, but each platform has its own strengths and quirks.",[12,21396,21397],{},"Need to send a large report to your team? Want to make sure only specific people can access your document? These\nservices make it simple. Upload once, set your permissions, and share a single link that works everywhere.",[12,21399,21400],{},"Google Drive works best if you're deep in the Google ecosystem. Dropbox offers desktop applications for all platforms.\nOneDrive integrates perfectly with Microsoft Office tools. Each platform has its sweet spot.",[12,21402,21403],{},"Storage limits are different by platform. Google gives you 15 GB, Dropbox offers 2 GB, and OneDrive provides 5 GB of\nfree space. For most users, this is enough for everyday PDF sharing. Professional or heavy users might need to upgrade\nto a paid version.",[12,21405,21406],{},"Sharing a PDF is straightforward:",[33,21408,21409,21412,21415,21418,21421],{},[36,21410,21411],{},"Choose your cloud platform",[36,21413,21414],{},"Upload your document",[36,21416,21417],{},"Click \"Share\"",[36,21419,21420],{},"Set who can view or edit",[36,21422,21423],{},"Copy the link and send",[12,21425,21426],{},"It is possible to update a document, while keeping the link. Track who's viewed your file. Control access down to the\nindividual. Granular permissions might require file users to sign up for the cloud service to gain access.",[12,21428,21429],{},"Here are the key pros and cons of sharing PDF files through cloud storage platforms:",[502,21431,21433],{"id":21432},"pros","Pros",[115,21435,21436,21442,21448,21454,21460],{},[36,21437,21438,21441],{},[237,21439,21440],{},"Easy file distribution"," - instead of sending large attachments, you can share a single link that works across\ndevices and email platforms",[36,21443,21444,21447],{},[237,21445,21446],{},"Access control"," - you can set specific permissions, restrict viewing\u002Fdownloading, and revoke access at any time",[36,21449,21450,21453],{},[237,21451,21452],{},"Storage management"," - your sent files don't take up email storage space and you can organize them in folders",[36,21455,21456,21459],{},[237,21457,21458],{},"Version control"," - you can update the shared file without sending new links",[36,21461,21462,21465],{},[237,21463,21464],{},"Free tier availability"," - most platforms offer free storage space sufficient for basic PDF sharing needs",[502,21467,21469],{"id":21468},"cons","Cons",[115,21471,21472,21478,21484,21490,21496],{},[36,21473,21474,21477],{},[237,21475,21476],{},"Platform dependency"," - recipients may need to create accounts or use specific apps to access files",[36,21479,21480,21483],{},[237,21481,21482],{},"Storage limits"," - free tiers have relatively small storage caps (2-15GB) requiring paid upgrades for heavy usage",[36,21485,21486,21489],{},[237,21487,21488],{},"Limited analytics"," - basic view counts are available but advanced insights like user location, time spent reading,\nor aggregate usage patterns are typically not provided",[36,21491,21492,21495],{},[237,21493,21494],{},"Link branding limitations"," - default links are long, complex strings that can't be customized with your own domain\nor branding",[36,21497,21498,21501],{},[237,21499,21500],{},"Service availability"," - if the cloud service goes down, no one can access the shared files",[22,21503,21505],{"id":21504},"online-pdf-tools","Online PDF Tools",[12,21507,21508],{},"Online PDF tools offer a modern alternative to traditional file sharing methods, providing a range of features beyond\nsimple storage and distribution. These web-based platforms allow users to upload PDFs and generate shareable links\ninstantly, often without requiring recipients to create accounts. While they may not offer the extensive storage\ncapabilities of cloud services like Google Drive or Dropbox, they typically provide specialized PDF-specific features\nsuch as file conversion, compression, and sometimes even basic editing capabilities. Many of these tools operate on a\nfreemium model, offering basic sharing functionality at no cost while reserving advanced features like custom branding,\nenhanced security, and detailed analytics for premium users.",[12,21510,21511],{},"Here are the key pros and cons of using online PDF tools for sharing:",[502,21513,21433],{"id":21514},"pros-1",[115,21516,21517,21523,21529,21535,21541],{},[36,21518,21519,21522],{},[237,21520,21521],{},"No account required"," - many services allow quick file sharing without registration or software installation",[36,21524,21525,21528],{},[237,21526,21527],{},"Instant sharing"," - upload your PDF and get a shareable link within seconds",[36,21530,21531,21534],{},[237,21532,21533],{},"Format flexibility"," - ability to convert PDFs to web-friendly formats for better viewing experience",[36,21536,21537,21540],{},[237,21538,21539],{},"Basic tracking"," - most platforms provide simple analytics like view counts and download statistics",[36,21542,21543,21546],{},[237,21544,21545],{},"File management"," - you can update source files and manage access settings through a simple interface",[502,21548,21469],{"id":21549},"cons-1",[115,21551,21552,21558,21564,21570,21576],{},[36,21553,21554,21557],{},[237,21555,21556],{},"File limitations"," - free versions often restrict file sizes and number of conversions",[36,21559,21560,21563],{},[237,21561,21562],{},"Quality concerns"," - some tools may compress or reduce PDF quality during processing",[36,21565,21566,21569],{},[237,21567,21568],{},"Security risks"," - uploading sensitive documents to third-party services poses potential privacy risks",[36,21571,21572,21575],{},[237,21573,21574],{},"Feature restrictions"," - advanced features like custom branding and detailed analytics require paid upgrades",[36,21577,21578,21581],{},[237,21579,21580],{},"Storage uncertainty"," - files may be automatically deleted after a certain period on free plans",[502,21583,21585],{"id":21584},"available-online-pdf-tools","Available Online PDF tools",[115,21587,21588,21594,21599],{},[36,21589,21590],{},[40,21591,21592],{"href":21592,"rel":21593},"https:\u002F\u002Fflippingbook.com",[44],[36,21595,21596],{},[40,21597,17910],{"href":17910,"rel":21598},[44],[36,21600,21601],{},[40,21602,21603],{"href":21603,"rel":21604},"https:\u002F\u002Fjumpshare.com",[44],[12,21606,21607],{},[40,21608,21611],{"href":21609,"rel":21610},"https:\u002F\u002Fhowtoeditpdf.com",[44],"Discover more PDF tools here",[22,21613,21615],{"id":21614},"best-practices-for-pdf-link-sharing","Best Practices for PDF Link Sharing",[502,21617,21619],{"id":21618},"security-considerations","Security Considerations",[12,21621,21622],{},"When sharing PDF documents via links, several important security measures should be implemented. Always use private or\nrestricted links to maintain control over document access. It's essential to configure appropriate permissions,\ntypically setting them to view-only or specifying download capabilities based on need. For sensitive documents, avoid\npublic sharing entirely and instead utilize targeted distribution methods. When additional protection is warranted,\nimplement password protection for critical files. As part of ongoing security maintenance, conduct regular audits of\nlink permissions to ensure they remain appropriate and haven't been compromised.",[502,21624,21626],{"id":21625},"link-management-tips","Link Management Tips",[12,21628,21629],{},"Effective management of PDF links requires consistent maintenance and monitoring. Keep track of how your links are being\nused and who is accessing them to ensure proper document handling. Consider implementing link tracking tools to gain\nbetter visibility into document usage patterns. Finally, set up automatic link expiration dates where appropriate to\nensure documents aren't accessible indefinitely when they're only needed temporarily.",[22,21631,20302],{"id":20301},[12,21633,21634],{},"Sharing PDFs as links transforms how you distribute documents. By leveraging these methods, you'll streamline your\nworkflow and gain more control over your files.",[12,21636,21637,21638,21640],{},"On Facebook, a link is the only way to share a PDF outside Groups and Messenger, as\n",[40,21639,17947],{"href":4300}," explains.",[502,21642,21644],{"id":21643},"key-takeaways","Key Takeaways",[115,21646,21647,21650,21653],{},[36,21648,21649],{},"Multiple methods exist for PDF link sharing",[36,21651,21652],{},"Cloud storage is the easiest solution but it is limited in functionality",[36,21654,21655],{},"Choose the right platform for your needs",[12,21657,21658,21661],{},[237,21659,21660],{},"Pro Tip:"," Always test your shared link before sending to ensure proper access and visibility.",[22,21663,639],{"id":638},[12,21665,21666,21669],{},[237,21667,21668],{},"Q: Is sharing a PDF link free?","\nA: Most cloud storage services offer free link sharing with basic features.",[12,21671,21672,21675],{},[237,21673,21674],{},"Q: How secure are PDF sharing links?","\nA: Security depends on the platform and settings you choose. Always use private links and limit access.",[12,21677,21678,21681],{},[237,21679,21680],{},"Q: Can I track who views my PDF link?","\nA: Many cloud storage and professional platforms offer view tracking and link analytics.",{"title":645,"searchDepth":646,"depth":646,"links":21683},[21684,21688,21693,21697,21700],{"id":21390,"depth":646,"text":21391,"children":21685},[21686,21687],{"id":21432,"depth":656,"text":21433},{"id":21468,"depth":656,"text":21469},{"id":21504,"depth":646,"text":21505,"children":21689},[21690,21691,21692],{"id":21514,"depth":656,"text":21433},{"id":21549,"depth":656,"text":21469},{"id":21584,"depth":656,"text":21585},{"id":21614,"depth":646,"text":21615,"children":21694},[21695,21696],{"id":21618,"depth":656,"text":21619},{"id":21625,"depth":656,"text":21626},{"id":20301,"depth":646,"text":20302,"children":21698},[21699],{"id":21643,"depth":656,"text":21644},{"id":638,"depth":646,"text":639},"Share a PDF as a link: upload it to Google Drive, Dropbox or OneDrive, choose who can view it and copy the URL. Plus online PDF tools and their trade-offs.","solar:share-bold",{"excerpt":21704},{"type":9,"value":21705},[21706],[12,21707,21364],{},{"title":21359,"description":21701},"how-to-share-pdf-as-a-link",[21711,4305,21712,18015],"Google Docs","share","vskXTetM_DpK7Ougwapb7b_f9SDbaupOcs7fO6pE2Kw",{"id":21715,"title":21716,"alt":6,"author":685,"body":21717,"date":20327,"description":21851,"extension":666,"icon":20131,"image":6,"meta":21852,"navigation":673,"path":3990,"published":6,"seo":21857,"stem":21858,"tags":21859,"__hash__":21860},"blog\u002Fupload-pdf-to-google-docs.md","How to Upload a PDF to Google Docs",{"type":9,"value":21718,"toc":21843},[21719,21722,21725,21729,21732,21736,21739,21747,21751,21756,21760,21765,21769,21774,21778,21783,21787,21792,21796,21799,21802,21804,21807,21811,21814,21836,21840],[12,21720,21721],{},"Uploading a PDF to Google Docs allows to share, collaborate and edit PDF Documents.\nThis guide will walk you through the process step by step, from uploading your PDF to converting it\ninto an editable Google Docs format.",[12,21723,21724],{},"With clear instructions and helpful tips, you’ll learn how to manage PDF content\neffectively, troubleshoot common issues, and make the most of Google Docs’ powerful features. Let’s get started!",[22,21726,21728],{"id":21727},"google-docs-and-pdf-compatibility","Google Docs and PDF Compatibility",[12,21730,21731],{},"Google Docs offers basic compatibility with PDF files, making it easy to view, share, and even convert them into\neditable documents. However, it’s important to understand that PDFs are designed for consistent formatting across\ndevices, which can sometimes result in challenges when converting them. Elements like images, fonts, and layouts may not\nalways transfer perfectly into Google Docs. While Google Docs excels at handling text-based PDFs, highly formatted or\ncomplex PDFs may require manual adjustments after conversion. By knowing these limitations, you can better prepare to\nmanage your PDF content effectively within Google Docs.",[22,21733,21735],{"id":21734},"upload-a-pdf-to-google-docs-step-by-step-gide","Upload a PDF to Google Docs - Step by step gide",[12,21737,21738],{},"Follow these steps to Upload a PDF to Google Docs",[33,21740,21741],{},[36,21742,21743,21744,46],{},"Open your web browser and navigate to ",[40,21745,10816],{"href":16601,"rel":21746},[44],[12332,21748],{"alt":21749,"src":21750},"Open Google Drive","\u002Fimg\u002Farticles\u002Fupload-pdf-to-google-docs\u002Fopen-google-drive.jpg",[33,21752,21753],{"start":646},[36,21754,21755],{},"Click on the \"New\" button in the top-left corner of the screen.",[12332,21757],{"alt":21758,"src":21759},"Upload file to Google Drive","\u002Fimg\u002Farticles\u002Fupload-pdf-to-google-docs\u002Fupload-file-to-google-drive.jpg",[33,21761,21762],{"start":656},[36,21763,21764],{},"Select \"File Upload\" from the dropdown menu. Browse your computer for the desired PDF file and select it.",[12332,21766],{"alt":21767,"src":21768},"Upload file to Google Drive - pick file","\u002Fimg\u002Farticles\u002Fupload-pdf-to-google-docs\u002Fupload-file-to-drive-pick.jpg",[33,21770,21771],{"start":2672},[36,21772,21773],{},"Wait for the upload to complete. The file will appear in your Google Drive.",[12332,21775],{"alt":21776,"src":21777},"PDF File uploaded to Google Drive","\u002Fimg\u002Farticles\u002Fupload-pdf-to-google-docs\u002Ffile-uploaded-to-google-drive.jpg",[33,21779,21780],{"start":2678},[36,21781,21782],{},"Right-click on the PDF to open the context menu. Hover over \"Open with\" and select \"Google Docs\" from the dropdown.",[12332,21784],{"alt":21785,"src":21786},"Open PDF file with Google Docs","\u002Fimg\u002Farticles\u002Fupload-pdf-to-google-docs\u002Fopen-pdf-file-with-google-docs.jpg",[33,21788,21789],{"start":13011},[36,21790,21791],{},"The PDF will open in a new Google Docs document. Review the document, as some formatting or layout changes may occur\nduring the conversion.",[12332,21793],{"alt":21794,"src":21795},"PDF File in Google Docs","\u002Fimg\u002Farticles\u002Fupload-pdf-to-google-docs\u002Fpdf-in-google-docs.jpg",[12,21797,21798],{},"To maintain formatting consistency when converting a PDF to Google Docs, start with a clean and straightforward design\nin the original PDF. Avoid using overly complex layouts, unusual fonts, or excessive graphics, as these elements can\ndisrupt the conversion process. Opt for standard fonts like Arial or Times New Roman to reduce the likelihood of font\nsubstitution issues. If your PDF is large or contains intricate formatting, consider splitting it into smaller sections\nfor easier handling and adjustment.",[12,21800,21801],{},"After conversion, carefully review tables, images, and text to ensure they align properly. Use Google Docs’ formatting\ntools to fix any discrepancies, such as adjusting text alignment, spacing, or resizing images. While some manual\ncorrections may be necessary, these proactive steps can help preserve the original appearance of your PDF in Google\nDocs.",[502,21803,21268],{"id":21267},[12,21805,21806],{},"When converting PDFs to Google Docs, you may encounter common issues like misaligned text, missing images, or distorted\nformatting. To resolve these, manually adjust text alignment, fonts, and spacing using Google Docs’ editing tools. If\nimages don’t transfer correctly, reinsert them directly into the document. For highly formatted PDFs, consider using a\ndedicated PDF-to-Word converter before uploading to Google Docs for better accuracy. Additionally, ensure your PDF is\nnot password-protected, as this can prevent proper conversion. Taking these steps can help you address most conversion\nchallenges effectively.",[22,21808,21810],{"id":21809},"alternative-options","Alternative options",[12,21812,21813],{},"If this method does not work for your PDF file, you can try one of the other methods:",[33,21815,21816,21828],{},[36,21817,21818,21821,21823,21824],{},[237,21819,21820],{},"Use an Online PDF Converter tool",[19857,21822],{},"Discover Online PDF tools on ",[40,21825,21827],{"href":21609,"rel":21826},[44],"howtoeditpdf.com",[36,21829,21830,21833,21835],{},[237,21831,21832],{},"Open the PDF in Word",[19857,21834],{},"If you have Microsoft Word installed, open the PDF in Word and convert it to DOCX, then upload the converted file to Google Docs.",[22,21837,21839],{"id":21838},"summary","Summary",[12,21841,21842],{},"This guide covers how to upload and convert PDFs to Google Docs for easy editing. It includes steps for uploading to\nGoogle Drive, opening in Google Docs, and tips for maintaining formatting consistency. Additionally, we explored\ntroubleshooting common issues and alternative tools like online converters and desktop software to improve the\nconversion process. By following these steps, you can effectively manage PDF content in Google Docs with minimal\nformatting issues.",{"title":645,"searchDepth":646,"depth":646,"links":21844},[21845,21846,21849,21850],{"id":21727,"depth":646,"text":21728},{"id":21734,"depth":646,"text":21735,"children":21847},[21848],{"id":21267,"depth":656,"text":21268},{"id":21809,"depth":646,"text":21810},{"id":21838,"depth":646,"text":21839},"Upload a PDF to Google Docs: add it to Drive, right-click and choose Open with Google Docs. Text converts cleanly; images and complex layouts often don't.",{"excerpt":21853},{"type":9,"value":21854},[21855],[12,21856,21721],{},{"title":21716,"description":21851},"upload-pdf-to-google-docs",[21711,4305],"qI3Mng4xxJxZwJK7SAFTCdfuAiu5RRV8EL_19hohblI",1793261028608]