You don't have access to this class

Keep learning! Join and start boosting your career

Aprovecha el precio especial y haz tu profesión a prueba de IA

Antes: $249

Currency
$209
Suscríbete

Termina en:

1 Días
16 Hrs
48 Min
46 Seg

Cómo publicar tu página web gratis en internet

16/27
Resources

How to make a free deploy of your project?

Imagine having your project online, available for anyone to view and explore, all at no cost. This is possible without the need for complex configurations, just HTML, CSS, and a free platform. However, it is essential to keep in mind certain limitations. These free services will not allow you to have a backend or support massive traffic. So, if your intention is to experiment and show small projects to the world, you are in the right place.

What are the options available for free hosting?

There are multiple services you can use to host your web projects for free. The most popular ones are:

  • Vercel: Ideal if you're familiar with Git and GitHub, but not necessary if you just want to get your project online quickly.
  • GitHub Pages: Excellent option if you have knowledge in Git. It allows you to host your projects directly from your GitHub profile.
  • Netlify: Our recommendation if you prefer to avoid technical complications regarding Git management. It allows a simple and fast deployment.

How do I deploy a site manually in Netlify?

To perform a smooth deployment in Netlify with Git, follow these steps:

  1. Sign up for Netlify: Go to the official Netlify site and create an account. You can sign up using your GitHub, GitLab, Bitbucket, or just your email address.
  2. Add a new site: Once inside, select the "Add New Site" option and choose "Deploy Manually".
  3. Drag and drop the files: Take your project folder and drag it to the designated area in Netlify. Make sure it includes all the necessary files such as index.html, CSS and images.
  4. Wait for the site to upload: After dropping the files, Netlify will begin the upload process. Once completed, you will be provided with a temporary link where your website will be hosted.

How to customize the domain in Netlify?

After uploading your project, you will have a link provided by Netlify that will contain a somewhat complicated subdomain. Here's how to improve it:

  1. Modify the site name: Within the domain settings, navigate to "Domain Settings" and go to "Edit Site Name".
  2. Choose a unique name: Enter a memorable name for your site and make sure it is not already in use. Once saved, your address will be nicer and easier to share, for example, portfolio-flatsheet.netlify.app.

Although the domain will still end in netlify.app, the subdomain will be more customizable to your needs. If you want a fully customized domain, this will require acquiring a registered domain, a process you will explore later.

Final Tips

These services are ideal for showcasing your initiatives, practices and experiments. Sharing your site is as easy as copying the generated link and distributing it as you wish. Once shared, anyone, from anywhere on the planet, will be able to access and observe what you have dedicated your efforts to. While starting with Netlify is a great place to start, remember that you can always explore other deployment options for more advanced projects or as your skills and needs grow.

Take heart! The first step for any web developer is to show the world what you can do, and now you're just a click away from doing just that.

Contributions 36

Questions 16

Sort by:

Want to see more contributions, questions and answers from the community?

Excelente explicación de como hacer un deploy “básico”, realmente se nota que el profe Retax disfruta enseñando.

Otros sitios para subir tu página estática de forma gratuita son:

  1. Firebase: https://firebase.google.com/
  2. Heroku: https://firebase.google.com/ (Tienes 5Mb para bases de datos)

Retax es el mejor Troll de Platzi, atreverse a esto ya es otro nivel jajajaja.

Alternativas de servidores gratuitos:

  1. Vercel
  2. Netlify
  3. GitHub Pages

Si conocen más, comentenlas! 😄

Así es como me quedó la página de ejemplo siguiendo los pasos del profe.
Click aquí para ver


Así quedó mi pagina web y personalizado, gracias:
https://colombitcoinlinks.netlify.app/

Les comparto mi página web, hice el deploy en Github Pages, por lo que les recomiendo que con paciencia tomen el Curso Profesional de Git y GitHub, ya que es una hábilidad requerida y valorada en la industria Tech.

Wow, no recordaba que tenía cuenta en netlify… Es como volver en el tiempo. Jajajaja genial 😃 tenia sitios que no recordaba.

Otras plataformas para desplegar (incluso cosas más avanzadas que vayan aprendiendo más adelante):

  • Fly . io

  • Render

  • Railway

  • Surge

  • Si tienen una base de datos en MongoDB pueden utilizar Mongo Altas para desplegarla gratis

  • Si quieren trabajar con una base de datos relacional de PostgreSQL pueden probar Elephantsql

Así es como quedó mi página!! 😃
https://fabianarmontalvo.netlify.app/

Para publicar una página web de forma gratuita, existen varias opciones que pueden ser útiles dependiendo de las necesidades del usuario. Algunas de estas opciones son:

  1. Netlify: una plataforma que ofrece alojamiento gratuito de sitios web, así como integración con Git, lo que permite una fácil gestión del sitio. Además, ofrece funcionalidades como formularios, HTTPS y actualización en tiempo real.
  2. Vercel: una plataforma de alojamiento para sitios web y aplicaciones que ofrece alojamiento gratuito con una amplia gama de características, como integración con Git y herramientas de análisis de rendimiento.
  3. GitHub Pages: una opción gratuita para alojar sitios web estáticos, que utiliza GitHub como plataforma de alojamiento. Esto permite una fácil integración con el control de versiones y la colaboración en equipo, y se puede personalizar el dominio del sitio web.

Para publicar un sitio web en GitHub Pages, se requiere crear un repositorio en GitHub con el nombre de usuario y el nombre del repositorio (nombre-de-usuario.github. io), y subir los archivos HTML, CSS y JS del sitio web al repositorio. Luego, se debe habilitar la opción de GitHub Pages en la configuración del repositorio y seleccionar la rama principal del repositorio como fuente. Finalmente, se puede acceder al sitio web a través de la dirección url personalizada que se ha configurado.

Es importante mencionar que, en general, es recomendable utilizar certificados de seguridad (SSL) para garantizar que la conexión entre el sitio web y los usuarios sea segura y evitar problemas de seguridad.

muchas gracias por el curso profesor .

Asi va quedando mi pagina web:
https://josefrancisco-web.netlify.app/
Aqui

Tambien podemos hacerlo con aws en un bucket
al subir la carpeta a netlify me da un error y no me deja previsualizar la pagina
AYUDA POR FA!! Cuando quiero montar mi pagina en Netlify no me aparece el archivo de mi pagina Así me aparece: ![](https://static.platzi.com/media/user_upload/image-280df3cc-9eee-4408-b055-87e83fdeff65.jpg) Y en realidad si está en esa carpeta: ![](https://static.platzi.com/media/user_upload/image-eb634012-64f7-470c-b7c9-e062faaa9835.jpg)
Vercel con GitHub es increible, cuando se adentren mas en el tema, creanme que se hace lo más facil del mundo... sigamos nuestros sueños... saludos....
<https://portafolio-profile.netlify.app/>
![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%202024-01-06%20074754-47cb0d3d-a1e4-4d05-825d-50d2b456b8d0.jpg) Hola, al hacer el deploy de mi página, se presenta el error "Page Not Found", ya he revisado las sugerencias del blog de netlify ( <https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125> ) pero aín no logro solucionarlo. Agradezco su ayuda.
Fantástico curso para aprender y afianzar conocimientos :) Comparto por aquí mi website <https://lorena-platzi.netlify.app> Saludos!

si a alguno el aparece algo así como 404 not found o algún error ya luego del deploying puede que el nombre de su .html que debe ser index.html para que funcione

<https://jhonportafolio.netlify.app/>
Humildemente hice esta, le faltan cosas pero ahi vamos. <https://dumuna.netlify.app/>

Realmente lo hace ver sencillo el profe. Gracias 🤓

esta aqui llege gracias la comfiguracion de netify no se usarla no es como la de la clase

.

Pasos para hacer deploy en netlify

  • Entrar a la pagina de netlify https://www.netlify.com/
  • Darle al boton que dice sign up
  • Registrarse, se puede hacer con github, gitlab, bitbucket o, gmail por si no tienes los anteriores.
  • Enviara un correo de verificación para que puedas usar tu nueva cuenta.
  • Click a “Add new site”, y dentro a “Deploy manually”
  • Haz drag and drop (arrastra la carpeta de tu proyecto que contenga html, css y (si tiene) javascript. O clicka en la carpeta para buscarlo en tu computadora.
  • Empezara a hacer deploy, toma su tiempo. se paciente.
  • Y aparecera el link de tu sitio, le das a click y ya puedes ver tu sitio web.
  • Puedes personalizar el link en set up a custom domain.

Y listo! ya tienes tu sitio web en internet.

Exelente! hay algunas que me aparecieron diferentes al profe pero todo cool, se logrooo!! =D jaja

Aquí está mi página usando GH pages: https://ulisesalexanderam.github.io/about-me--html-css/

Pasos para subir el sitio web

Quien guste de ver mi página se las dejo: https://cristian-aostri-porfolio.netlify.app/

Excelente curso, me encantó, el profe enseña demasiado bien a entender los conceptos básicos necesarios para poder aprender desarrollo web de manera correcta, sigo con el curso pero el que quiera ver mi resultado dejo el link por acá:
https://phenomenal-dieffenbachia-10ad82.netlify.app/

Hola, les comparto mi pagina web que lo subi a netlify, web que realice junto con el curso:
<a href=“https://emercado.netlify.app/”>

q fascinante este tipo de despliegue no lo conocia