{"id":341,"date":"2026-07-18T09:25:05","date_gmt":"2026-07-18T14:25:05","guid":{"rendered":"https:\/\/jeffsantillan.com\/blog\/?p=341"},"modified":"2026-08-01T09:28:29","modified_gmt":"2026-08-01T14:28:29","slug":"donde-publicar-tu-proyecto-web-moderno-vercel-netlify-y-cloudflare-pages","status":"publish","type":"post","link":"https:\/\/jeffsantillan.com\/blog\/donde-publicar-tu-proyecto-web-moderno-vercel-netlify-y-cloudflare-pages\/","title":{"rendered":"Donde publicar tu proyecto web moderno: Vercel, Netlify y Cloudflare pages"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Son 3 plataformas de hosting frontend y serverless para publicar gratis: Sin administrar servidores<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>An\u00e1lisis breve de Vercel, Netlify y Cloudflare pages<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Uno de los momentos m\u00e1s satisfactorios cuando terminas un proyecto web es verlo funcionando en una URL real, accesible desde cualquier lugar. Durante a\u00f1os, eso significaba comprar un hosting, configurar un servidor, instalar certificados SSL y lidiar con actualizaciones. Hoy no. Existen plataformas que toman tu c\u00f3digo directamente desde GitHub y lo publican en internet en segundos, con HTTPS autom\u00e1tico, sin que administres un solo servidor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A esto se le llama hosting <strong>serverless<\/strong> (sin servidor): no es que no exista un servidor f\u00edsico detr\u00e1s, sino que t\u00fa nunca lo ves, configuras ni mantienes. Subes tu c\u00f3digo, la plataforma se encarga del resto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Las tres opciones m\u00e1s populares para esto son <strong>Vercel<\/strong>, <strong>Netlify<\/strong> y <strong>Cloudflare Pages<\/strong>. Las tres tienen un plan gratuito perfecto para proyectos, portafolios y pr\u00e1cticas. Veamos qu\u00e9 ofrece cada una.<\/p>\n\n\n\n<figure class=\"wp-block-image size-medium\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"169\" src=\"https:\/\/jeffsantillan.com\/blog\/wp-content\/uploads\/2026\/07\/vercel-logo-300x169.png\" alt=\"\" class=\"wp-image-342\" srcset=\"https:\/\/jeffsantillan.com\/blog\/wp-content\/uploads\/2026\/07\/vercel-logo-300x169.png 300w, https:\/\/jeffsantillan.com\/blog\/wp-content\/uploads\/2026\/07\/vercel-logo-1024x576.png 1024w, https:\/\/jeffsantillan.com\/blog\/wp-content\/uploads\/2026\/07\/vercel-logo-768x432.png 768w, https:\/\/jeffsantillan.com\/blog\/wp-content\/uploads\/2026\/07\/vercel-logo-1536x864.png 1536w, https:\/\/jeffsantillan.com\/blog\/wp-content\/uploads\/2026\/07\/vercel-logo-2048x1152.png 2048w, https:\/\/jeffsantillan.com\/blog\/wp-content\/uploads\/2026\/07\/vercel-logo-1300x731.png 1300w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Vercel<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vercel es la plataforma creada por el mismo equipo que desarrolla Next.js, uno de los frameworks de React m\u00e1s usados hoy. Si tu proyecto est\u00e1 hecho en Next.js, React, Vue o casi cualquier framework moderno, Vercel lo detecta autom\u00e1ticamente y lo despliega sin que toques configuraci\u00f3n alguna.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Lo que ofrece su plan gratuito:<\/em><\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Despliegues ilimitados conectando tu repositorio de GitHub.<\/li>\n\n\n\n<li>Una vista previa autom\u00e1tica (preview) cada vez que subes un cambio, antes de publicarlo en definitivo.<\/li>\n\n\n\n<li>Certificado HTTPS autom\u00e1tico.<\/li>\n\n\n\n<li>Funciones serverless para l\u00f3gica de backend simple (formularios, APIs peque\u00f1as)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ideal para:<\/strong> proyectos en Next.js o React, portafolios, demos r\u00e1pidas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/vercel.com\/signup\" target=\"_blank\" rel=\"noreferrer noopener\">Registrate gratis en Vercel<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-medium\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"123\" src=\"https:\/\/jeffsantillan.com\/blog\/wp-content\/uploads\/2026\/07\/logo-netlify-webp-300x123.webp\" alt=\"\" class=\"wp-image-343\" srcset=\"https:\/\/jeffsantillan.com\/blog\/wp-content\/uploads\/2026\/07\/logo-netlify-webp-300x123.webp 300w, https:\/\/jeffsantillan.com\/blog\/wp-content\/uploads\/2026\/07\/logo-netlify-webp-768x314.webp 768w, https:\/\/jeffsantillan.com\/blog\/wp-content\/uploads\/2026\/07\/logo-netlify-webp.webp 960w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Netlify<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Netlify fue pionera en este modelo de despliegue y es la opci\u00f3n m\u00e1s \u00abneutral\u00bb entre frameworks: no favorece a ninguno en particular, as\u00ed que funciona igual de bien con sitios est\u00e1ticos en HTML puro, Hugo, Astro, Gatsby o React.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Su gran diferencial son las funcionalidades adicionales listas para usar: formularios de contacto sin necesidad de backend propio, pruebas A\/B, y un sistema de funciones (incluyendo unas que corren en segundo plano por m\u00e1s tiempo que en otras plataformas).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lo que ofrece su plan gratuito:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Despliegue autom\u00e1tico desde GitHub, GitLab o Bitbucket <\/li>\n\n\n\n<li>Formularios integrados sin configurar servidor <\/li>\n\n\n\n<li>Funciones serverless y edge functions <\/li>\n\n\n\n<li>HTTPS autom\u00e1tico y dominio propio gratuito (<code>tuproyecto.netlify.app<\/code>)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ideal para:<\/strong> sitios est\u00e1ticos, blogs, proyectos con formularios (contacto, inscripciones) sin necesidad de programar un backend.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/app.netlify.com\/signup\" target=\"_blank\" rel=\"noreferrer noopener\">Registrate gratis en Netlify<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-medium\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"123\" src=\"https:\/\/jeffsantillan.com\/blog\/wp-content\/uploads\/2026\/07\/logo-cloudflare-pages-300x123.jpeg\" alt=\"\" class=\"wp-image-344\" srcset=\"https:\/\/jeffsantillan.com\/blog\/wp-content\/uploads\/2026\/07\/logo-cloudflare-pages-300x123.jpeg 300w, https:\/\/jeffsantillan.com\/blog\/wp-content\/uploads\/2026\/07\/logo-cloudflare-pages-1024x421.jpeg 1024w, https:\/\/jeffsantillan.com\/blog\/wp-content\/uploads\/2026\/07\/logo-cloudflare-pages-768x316.jpeg 768w, https:\/\/jeffsantillan.com\/blog\/wp-content\/uploads\/2026\/07\/logo-cloudflare-pages.jpeg 1275w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Cloudflare Pages<br><\/strong>Es la opci\u00f3n m\u00e1s reciente de las tres, pero se ha ganado popularidad r\u00e1pido por una raz\u00f3n simple: <strong>su ancho de banda es ilimitado incluso en el plan gratuito<\/strong>. Mientras que otras plataformas cobran cuando tu sitio recibe mucho tr\u00e1fico, aqu\u00ed no es un problema.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aprovecha la red global de Cloudflare (la misma que protege a millones de sitios en el mundo), por lo que la velocidad de carga suele ser excelente sin importar desde qu\u00e9 pa\u00eds se acceda.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Lo que ofrece su plan gratuito:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Despliegue autom\u00e1tico desde GitHub<\/li>\n\n\n\n<li>Ancho de banda ilimitado<\/li>\n\n\n\n<li>HTTPS autom\u00e1tico<\/li>\n\n\n\n<li>Funciones serverless mediante Cloudflare Workers<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ideal para:<\/strong> proyectos que esperan bastante tr\u00e1fico, o simplemente para no preocuparse nunca por l\u00edmites de ancho de banda.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/dash.cloudflare.com\/sign-up\" target=\"_blank\" rel=\"noreferrer noopener\">Registrate gratis en Cloudflare<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Comparaci\u00f3n r\u00e1pida<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th><\/th><th>Vercel<\/th><th>Netlify<\/th><th>Cloudflare Pages<\/th><\/tr><\/thead><tbody><tr><td>Mejor para<\/td><td>Next.js \/ React<\/td><td>Sitios est\u00e1ticos y formularios<\/td><td>Tr\u00e1fico alto sin costo<\/td><\/tr><tr><td>Ancho de banda gratis<\/td><td>100 GB\/mes<\/td><td>~15 GB efectivos (cr\u00e9ditos)<\/td><td>Ilimitado<\/td><\/tr><tr><td>Funciones serverless<\/td><td>S\u00ed<\/td><td>S\u00ed (+ funciones en background)<\/td><td>S\u00ed (Workers)<\/td><\/tr><tr><td>Formularios sin backend<\/td><td>No<\/td><td>S\u00ed<\/td><td>No<\/td><\/tr><tr><td>Curva de aprendizaje<\/td><td>Muy f\u00e1cil<\/td><td>Muy f\u00e1cil<\/td><td>F\u00e1cil, un poco m\u00e1s t\u00e9cnica<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfCu\u00e1l elegir para tu proyecto?<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Si tu proyecto usa <strong>Next.js<\/strong>, ve directo a <strong>Vercel<\/strong>.<\/li>\n\n\n\n<li>Si es un <strong>sitio est\u00e1tico o necesitas un formulario de contacto<\/strong> sin programar backend, usa <strong>Netlify<\/strong>.<\/li>\n\n\n\n<li>Si buscas <strong>no tener l\u00edmites de tr\u00e1fico<\/strong> y no te importa aprender un poquito m\u00e1s, prueba <strong>Cloudflare Pages<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Las tres son gratuitas para proyectos personales y de estudio. Reg\u00edstrate, conecta tu repositorio y publica tu primer proyecto hoy mismo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00a1Saludos!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Son 3 plataformas de hosting frontend y serverless para publicar gratis: Sin administrar servidores An\u00e1lisis breve &hellip; <a title=\"Donde publicar tu proyecto web moderno: Vercel, Netlify y Cloudflare pages\" class=\"hm-read-more\" href=\"https:\/\/jeffsantillan.com\/blog\/donde-publicar-tu-proyecto-web-moderno-vercel-netlify-y-cloudflare-pages\/\"><span class=\"screen-reader-text\">Donde publicar tu proyecto web moderno: Vercel, Netlify y Cloudflare pages<\/span>Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":2,"featured_media":342,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[63,62],"tags":[64,65],"class_list":["post-341","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-next-js","category-serverless","tag-nextjs","tag-serverless"],"_links":{"self":[{"href":"https:\/\/jeffsantillan.com\/blog\/wp-json\/wp\/v2\/posts\/341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jeffsantillan.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jeffsantillan.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jeffsantillan.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jeffsantillan.com\/blog\/wp-json\/wp\/v2\/comments?post=341"}],"version-history":[{"count":1,"href":"https:\/\/jeffsantillan.com\/blog\/wp-json\/wp\/v2\/posts\/341\/revisions"}],"predecessor-version":[{"id":349,"href":"https:\/\/jeffsantillan.com\/blog\/wp-json\/wp\/v2\/posts\/341\/revisions\/349"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jeffsantillan.com\/blog\/wp-json\/wp\/v2\/media\/342"}],"wp:attachment":[{"href":"https:\/\/jeffsantillan.com\/blog\/wp-json\/wp\/v2\/media?parent=341"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jeffsantillan.com\/blog\/wp-json\/wp\/v2\/categories?post=341"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jeffsantillan.com\/blog\/wp-json\/wp\/v2\/tags?post=341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}