Cómo alojar un sitio web súper rápido gratis en Netlify

pila de atasco los sitios son súper rápidos porque sirven archivos estáticos. Utilizan tan pocos recursos de CPU y servidor en general que plataformas como Netlify pueden ofrecer alojamiento gratuito y de buena calidad.

Netlify es una nubeinformática ambiente. Pero a diferencia de otras plataformas en la nube como AWS y Google Cloud, Netlify es simple y fácil de usar. Sin tutoriales complicados ni configuraciones prolongadas.

El servicio Netlify tiene como objetivo hacerle la vida lo más fácil posible combinando lo mejor de diferentes mundos en un solo servicio: la computación en la nube, el pila de atasco, repositorios Git y precios freemium.

Netlify y el Jamstack

Netlify ha sido parte del movimiento Jamstack durante mucho tiempo y es una de las primeras y mejores plataformas que contribuye al crecimiento de este método moderno de diseño web.

El movimiento Jamstack combina JavaScript, API y marcado para crear una metodología de desarrollo front-end que se separa del back-end. Esto da como resultado un mejor rendimiento del servidor, mejor EN LINEA, escalamiento más fácil y costos de funcionamiento más económicos.

GitHub, por ejemplo, inicialmente ofreció alojamiento web para archivos alojados en su plataforma, pero el servicio tenía sus límites. Luego, Netlify llevó la construcción del código del sitio web a partir de repositorios y el alojamiento de sus variantes estáticas a un nivel completamente nuevo. Y esto ha creado una industria completamente nueva con muchos beneficios.

Razones para usar Netlify

Netlify significa tantas cosas porque hace tantas cosas. Al combinar muchas funciones en un solo servicio y automatizar todo lo posible, la plataforma ofrece grandes beneficios para empresas de todos los tamaños.

Las siguientes son las principales ventajas que puede obtener de Netlify:

• Facilidad de Uso – Netlify es uno de los más fáciles de usar. plataformas de alojamiento en la nube allí afuera. No es necesario leer tutoriales largos y confusos. No es necesario seguir pasos de configuración complicados ni rutinas de mantenimiento aún más complicadas. Netlify simplemente funciona.
  
  Además de todo, el sistema ofrece funciones informáticas elásticas como otros entornos de nube. Esto garantiza que, cuando llegue el momento, su sitio web o servicio escalará correctamente para manejar los picos de tráfico sin los cuellos de botella habituales.
  
• Red de distribución de contenido – Como parte de su simplicidad y facilidad de uso, el servicio de Netlify incluye una red de distribución de contenido llamada Netlify Edge. Despliega sus páginas web en múltiples ubicaciones, para servirlas lo más rápido posible a los visitantes cercanos.
  
  La gran parte de este servicio es que no necesita modificar ni configurar ninguna configuración para obtener los mejores resultados. Una vez que implementa su sitio, actualiza todos sus activos web y código a la vez. Todos los cachés se invalidan y actualizan instantáneamente en todo el mundo. Y también puede revertir su sitio a compilaciones anteriores de manera fácil e instantánea.
  
  Netlify administra la mayor parte de esto automáticamente por usted. La única diferencia está en la cantidad de servicios y ubicaciones de borde que obtiene, ya que el plan gratuito tiene algunos límites.
  
• Plan gratuito – Netlify es un freemium software como servicio plataforma. Pero a diferencia de otras plataformas de computación en la nube, la cuenta gratuita es completamente gratuita. No se necesita tarjeta de crédito.
  
  Aún así, este plan gratuito incluye muchas funciones impresionantes. Como compilaciones automatizadas de Git, red perimetral implementaciones, reversión instantánea a versiones anteriores, vistas previas en vivo antes de las implementaciones y funciones gratuitas sin servidor.
  
• Construcciones automatizadas – También obtienes Netlify Build gratis. Este CI/CD (Integración continua/Implementación continua) facilita la gestión de los desarrollos y mejoras de su sitio. Se reconstruye automáticamente desde su repositorio, cada vez que envía nuevas actualizaciones a su cuenta de Git.
  
  Todo está completamente automatizado y las vistas previas están disponibles para que sepa lo que implementará. También puede configurar cada paso del proceso y las reversiones a cualquier compilación anterior son sencillas.
  
• Funciones de Netlify – Cada sitio que implementa en la plataforma Netlify viene con acceso a funciones sin servidor que puede usar para muchas cosas. Estas funciones de Netlify son procesos del lado del servidor que se ejecutan en código JavaScript.
  
  Cada sitio recibe 125 XNUMX invocaciones de forma gratuita y solo debe pagar cuando supere esa cuota. Puede usar las funciones para manejar imágenes, enviar correos electrónicos, validar la entrada del usuario e incluso obtener datos de otros puntos finales de la API.
  
• Formularios Automáticos – Netlify facilita la integración de formularios en su sitio estático y capture todos los envíos sin una codificación extensa u otros problemas estresantes. Simplemente agregue el atributo 'netlify' a cualquiera de sus formularios como … y eso es.
  
  Luego podrá ver todos los envíos en su panel, con los formularios cuidadosamente organizados por nombre. El sistema viene con una función antispam y Netlify puede notificarle además a través de email, Slack o webhooks una vez que se realiza un envío.
  
  Otras opciones incluyen el reenvío de los formularios enviados a más de 1,000 solicitudes mediante la integración Zapier de Netlify.
  
• NetlifyCMS – La aplicación NetlifyCMS es un editor conveniente para cualquier sitio estático alojado en la plataforma Netlify a través de un proveedor de Git como GitHub. Toma todos sus datos del repositorio y crea una interfaz de administración fácil de usar.
  
  NetlifyCMS es una aplicación React de una sola página creada por una comunidad de más de 100 colaboradores. Es fácil de editar, ofrece un flujo de trabajo intuitivo, es completamente gratuito y hace que la administración de los sitios de Jamstack sea divertida.
  
• HTTPS gratuito – Todas las cuentas de alojamiento de Netlify incluyen HTTPS gratis. Son certificados SSL (Secure Socket Layer) gratuitos.

Cuentas y Precios

Netlify es un servicio de software freemium. Hay un plan Starter completamente gratuito, un plan Pro por $19 por miembro por mes, un plan Business por $99 por miembro por mes y un plan Enterprise con precios personalizados.

Lo impresionante de Netlify es que puedes hacer mucho con su plan Starter gratuito. Diseñado para proyectos personales, experimentos, sitios de pasatiempos y otras aventuras, el plan de inicio incluye compilaciones automatizadas con 300 minutos de compilación gratuitos por mes.

También incluye implementaciones perimetrales globales, reversiones instantáneas, NetlifyCMS, funciones sin servidor, ancho de banda de 100 GB por mes y hasta 100 envíos de formularios gratuitos por sitio por mes. Además, puede alojar una cantidad ilimitada de sitios en el plan Starter.

El plan Pro agrega más funciones, como sitios protegidos con contraseña, funciones en segundo plano, más minutos de compilación y ancho de banda, y muchas más. Estas características adicionales aumentan a medida que avanza hacia los planes superiores.

Cómo alojar un sitio web gratis en Netlify

Netlify supera a otras empresas de hospedaje y computación en la nube como AWS, Google Cloud y Azure por su simplicidad. Sí, tienen más infraestructura, máquinas más potentes y centros de datos en todo el mundo, pero su configuración puede ser aburrida.

Aquí hay un proceso de configuración paso a paso que le muestra lo fácil que es alojar un sitio Jamstack en Netlify.

1. Regístrese e inicie sesión

Su primer paso es navegar a aplicación.netlify.com y regístrate si no lo has hecho. Será recibido con cinco métodos de inicio de sesión diferentes, desde GitHub a GitLab, bitbucket, correo electrónico y SSO.

Después de registrarse, también deberá iniciar sesión en su cuenta de correo electrónico para encontrar el correo de confirmación de Netlify. Haga clic en él para verificar su cuenta e iniciar sesión en el sistema.

2. Agregar un nuevo sitio

La aplicación tarda unos segundos en cargarse. Luego, se le presenta un breve cuestionario que incluye cosas como el nombre de su equipo, etc. Simplemente llene todo honestamente. Pero recuerda que el plan gratuito incluye solo un miembro: tú.

Una vez que haya pasado por esa etapa, se encontrará en el panel predeterminado. Haga clic en "Nuevo sitio desde Git" para alojar un nuevo sitio. O también puede arrastrar y soltar una carpeta que contenga sus archivos estáticos en el área marcada en el tablero y Netlify hará el resto.

3. Enlace GitHub

Al hacer clic en el botón del paso 2 anterior, se abrirá una nueva ventana que le pedirá que vincule su nuevo sitio con GitHub o cualquier otro repositorio de Git como GitLab y Bitbucket. En este punto, asegúrese de tener una cuenta de Git registrada y de que los archivos de su sitio ya estén en un repositorio.

4. Autorizar Netlify

Ahora solo tendrá que decirle a GitHub que permita que Netlify acceda a su cuenta de GitHub y todo estará resuelto.

5. Seleccione su Repositorio

Cada sitio estándar de Netlify está vinculado a un solo repositorio. Seleccione el que desea usar y continúe.

6. Configure los ajustes de compilación

Deberá prestar un poco de atención a esta página. Si ya tiene sitios estáticos y no utiliza ningún preprocesador, puede configurar el directorio de publicación en "/". Y deje el campo de comando de compilación vacío.

Si está utilizando un generador de sitios estáticos como Gatsby o Next, por otro lado, lo que ingrese aquí dependerá del generador. Puedes consultar esta lista de configuraciones comunes, para saber qué introducir.

7. Construir e implementar

Una vez que todo esté configurado, haga clic en "Implementar sitio" y Netlify ejecutará todas las compilaciones necesarias y creará su nuevo y brillante sitio web. Solo ten un poco de paciencia.

8. Configure el nombre de dominio

Después de construir e implementar su sitio, Netlify le dará un nombre en el dominio *.netlify.app. Más tarde, puede cambiar este nombre por algo mejor o incluso adjuntar un dominio personalizado al sitio.

Netlify le permite adjuntar un dominio personalizado que compró en otro lugar o comprar el dominio a través de su panel de Netlify. Y el sistema se encargará de todo. Simplemente haga clic en la pestaña Dominios en su tablero para agregar o registrar un nuevo dominio para su nuevo sitio.

Conclusión

Hemos llegado al final de esta sencilla guía sobre cómo alojar un sitio web superrápido de forma gratuita en la plataforma Netlify. Y has visto los motivos y la forma de hacerlo.

Ahora le queda codificar su sitio estático a mano o usar un generador de sitios estáticos.