Cómo crear un sitio web gratuito de Netlify con Hugo el generador de sitios estáticos (hosting gratis, cargas fáciles)

1. Introducción: Hola, estoy mostrando en el desarrollo de sitios web y profesor. Bienvenido a mi curso sobre creación un sitio web gratuito de Netlify con Hugo. Este curso se llama personas a las que les gustaría acelerar su proceso de desarrollo de sitios web racionalizando su publicación de sitios web y obtienen flujo de trabajo. Una vez que empujes tu trabajo para conseguir, automáticamente se subirá a Netlify y se construirá. Incluso puedes crear construcciones de Netlify para sucursales y Solicitudes de Pool. Nos vemos en el curso. 2. Empezando con el proyecto: Empezar con el proyecto. Para el proyecto necesitarás las últimas versiones del siguiente software. Tendrás que patear y asegurarte de instalar eso con brew en Mac o Linux o Windows. Utilice TROPOMI. Necesitarás Digital Studio Code instalar la última versión de eso probablemente correcciones. Necesitarás Node.js y luego incluye NPM, obtén CLI para viajar al escritorio Git y GitHub. Entonces tienes un método gráfico ver lo que está sucediendo con tu repositorio Git. Tendrás que solicitar cuentas con GitHub y phi. Y eso es todo gratis. Si me necesitas ayuda a instalar ese software. Si vas a mi introducción al curso de arranque de Agar N, la primera lección, texturas es el proceso de instalar todo ese software. Y tienes dos orden particular. De esa manera el software se vinculará entre sí. Por ejemplo, es necesario instalar Node.js primero, y eso también instala chocolaty. Después se puede instalar Agar. Y tienes que asegurarte de tener si estás compartiendo código instalado antes de instalar Git, CLI y GitHub Desktop. De esa manera puedes elegir Visual Studio Code como tu código en. A lo largo del curso, estaré comprometiendo cada lección al repositorio de GitHub. Hay un vínculo a eso en la sección de recursos. Ten en cuenta que la sucursal master es justo lo que he estado usando para enlazar con el Netlify de la vista para hacer la facturación. La rama maestra en sí no es muy útil para ti, pero hay una rama por lección. Y si tienes algún problema con alguna de las lecciones, puedes ir y ver la lección particular a través de la sucursal y puedes ver el código para esa lección. 3. Configurar nuevo proyecto GitHub: Lo primero que vamos a estar haciendo es configurar un proyecto GitHub. Una forma de hacerlo fácil si vas al escritorio de GitHub y agregas nuevo repositorio, se ascii nombre de carpeta del repositorio y la ruta. Y se creará una carpeta, repositorio de carpetas. Y también inicializará el repositorio al mismo tiempo. Prefiero no hacer este método porque no me gusta confiar en el escritorio GitHub para crear la foto, porque a menudo terminaré con la foto dentro de una carpeta. Prefiero ese método de crear una foto. Y luego dentro de esa carpeta, abriré la carpeta vacía en Visual Studio Code. Y luego a partir de aquí, si vamos al botón de Control de Fuente, puedes inicializar el repositorio. O si lo deseas, en la terminal, puedes ejecutar git en ella. Entonces notarás que tenemos una carpeta, los 90s dot get, y ahí es donde todo tu historial de Git. Y obtendrás hojas de configuración. Si quieres descargar un repositorio Git fuera de Internet y querías subirlo a tu propia cuenta, tendrías que eliminar la carpeta. Ahora que hemos inicializado el proyecto, necesitamos agregar un dot git ignore fall, presionar el botón Nuevo archivo y nombrarlo dot git. Ignorar este otoño. Vamos a especificar todas las carpetas y archivos que no se cargarán para obtener. El primero es slash nodo subrayado módulos slash después de él. Y eso es todos los archivos y fotos se generan al instalar dependencias desde NPM. Y si has hecho alguno de mis otros cursos, lo sabrás todo sobre eso. Un exón será de corte público. Es entonces cuando se ejecuta el comando y el FODA se construye para subir a través de FTP. Estarás generando caídas en la carpeta pública. Y no queremos comprometerlos porque cambian con frecuencia. Y luego innecesariamente puedes generarlos con la comunidad. En realidad no es necesario comprometerlos a conseguir. El siguiente es rebanar recursos. Los recursos de la página, que se han construido para su uso en el proyecto, generalmente no necesitan. Estaremos mirando eso en lección posterior. Los estaremos incluyendo para aumentar tus tiempos de Netlify Bill. Pero sí aumenta el tamaño de tu repositorio de GitHub. Generalmente no los incluiría cuando la página, el sitio web, está en una etapa de borrador. Pero más tarde cuando se complete la página, es genial incluir las resistencias aguantadas porque disminuirá tu tiempo de construcción. El siguiente es punto bajo. Construir dot loc. Eso es mucha caída que se genera cuando ustedes corren. No necesitamos incluir eso. Después veremos quedándose sin primer compromiso. Ya que pocas maneras podemos hacer esto. Una forma es si haces clic en la pestaña Control de fuente, puedes poner tu mensajería. Por ejemplo, crea git, ignora. De lo contrario. De otra manera de hacerlo es que llegamos a GitHub Desktop, un poco más gráfico. Puedes poner un mensaje aquí, o puedes ir con el valor predeterminado y controlar enter a commit. Aquí es donde realmente bloqueé para usar el escritorio de GitHub. Cuando publiques, puedes elegir si quieres mantenerlo privado o no. Usando Netlify, en realidad se puede establecer en privado y que 22 entidades ya sea GitHub. También puedes elegir la organización. Si regresas a Visual Studio Code, realmente puedes elegir una organización y publicarla para que puedas hacerlo manualmente a través de la línea de comandos. Trabajemos. Un muy recomendable si tienes configuración de organización con tu cuenta de GitHub, usas escritorio de GitHub que has elegido tu organización. Puedes publicar tu repositorio. Eso nos trae el siguiente paso. Estamos listos para crear algún contenido. 4. Añadir contenido de Hugo: Vamos a añadir algún contenido a nuestro proyecto. Y podrías copiar y pegar en otro proyecto de tipo enorme. Y si has hecho algunos de mis otros cursos, probablemente tengas un gran proyecto que está listo para funcionar. Simplemente teniendo en cuenta, no copie y pegue en la carpeta dot git. Porque si hay carpeta kit oscuro en ese proyecto, porque estarás anulando la Configuración del repositorio de Git en la historia de este proyecto. Voy a crear algún nuevo contenido cuando uses el Command T ego, nuevo sitio, barra de puntos. Eso es para el directorio actual en el que ya estamos. Por defecto, en realidad crea una carpeta para ti, pero ya tenemos nuestra configuración de carpeta que obtenemos ahora nos dirá que ya hay contenido en la carpeta. Y hay que usar la fuerza. Dash, dash, false. Obviamente sería cuidadoso que no lo hagas. Trají contenido existente al usar la fuerza. Tal y como ha insinuado. Puedes descargar un tema o puedes crear tuyo propio con el comando nuevo tema Hugo. Vamos a usar esto para crear temporalmente algunos archivos de diseño porque actualmente no tenemos nada en el layout. Alguien va a copiar y pegar nuevo tema, temp. Mirando tu carpeta de temas y verás que tenemos una configuración de carpeta temp. Va a colocarse y agarrar todo y arrastrarlo a tu titular de diseños. No va a usar un tema. Si lo desea. También obtuvo una configuración de carpetas CSS y JS en un estudio. Realmente no las necesitas para este tutorial. Sólo estoy manteniendo todo lo más simple que puedo. Ahí está tutorial. Se trata más de trabajar con Netlify. Antes de seguir adelante y comprometernos todos estos contenidos que acabamos de crear. Tienes que recordar, si la carpeta está vacía, perderás con los niños. Por lo que hay que hacer es crear un archivo llamado dot gatekeeper. No importa para qué sea frío la caída, pero usamos la convención dot git me mantiene saber exactamente para qué sirve. Entonces podemos copiar y pegar eso en cada foto vacía que desees guardar. Luego entraremos en diseños y basaremos fuera de punto HTML. Personalmente no uso este div con el ID de contenido cuando estoy trabajando con bootstrap a esto, solo para mantener las cosas realmente simples. Y eso es algo que muchos de mis alumnos han estado usando como pasando por mis cursos. Entonces iremos a nuestro index.html. Poner en algunos corchetes rizados, definir las mías, comas invertidas en eso. Y luego agregaremos el contenido de puntos. Lo que haremos es crear un contenedor. El contenedor saldrá contenido en mucho total también. Haremos un título de punto. Entonces vamos a copiar eso en single y enumerar. Y luego iremos a la base fuera de la configuración parcial. Por lo que vamos a hacer un defecto total del título de punto. Pondremos nuestro Bootstrap CSS en. Tendré un enlace a esta página. Ya lo has hecho. Si han hecho mis otros cursos, por ejemplo, estamos empezando con ustedes. Entonces JavaScript hará un nuevo script de código parcial, Führer peice, el JavaScript ahí. Déjame volver a la base off. Ponlo en el guión para mí, hago algunas etiquetas semánticas aquí, pero tendrás que ver los otros cursos para aprender más sobre todas esas otras características porque estoy tratando de mantener este curso como corto como sea posible. Luego crearemos una página de índice. Por lo que usamos nuevo subrayado, índice, pensamiento, MD. Entonces entra en contenido. Lo llamaremos hogar. Haremos alguna alarma Ipsum. Es posible que no tengas configuración de código de Visual Studio en la que solo tienes que poner algo de contenido. Una cosa que tienes que asegurarte de arreglar. Es decir, el borrador es cierto. Tenemos que redactar a falso. Por lo que se mostrará la página. Puedes cambiar mientras estás en ello. Y eso depende de ti está en arquetipos bajo punto predeterminado m d Esta es una plantilla que se utiliza para crear nuevas páginas. Y puse borrador a falso. Cuando estoy creando una nueva página que normalmente uso ramas y solicitudes de pull. Y eso es algo que te voy a mostrar más adelante en este curso. Y funciona muy bien con Netlify. Voy a poner borrador a falso. Costarme por lo que acabamos de hacer es totalmente opcional. Sólo puedes copiar y pegar en un proyecto enorme. Pero asegúrate de no copiar y pegar en la foto cuando lo estés haciendo. De lo contrario, alguna vez, lo que acabamos de hacer cuando hayamos configurado un nuevo proyecto, abrir una nueva terminal, y correr ¿Alguna vez ustedes? Después controlaremos clic para ver en el navegador. Entonces por eso no está listo para pasar a la siguiente lección. 5. Crear nuevo sitio Netlify: Ahora vamos a ver la creación de un nuevo sitio Netlify. Para tener una configuración de cuenta Netlify, el nivel gratuito está perfectamente bien para lo que estamos haciendo. Entonces puedes conectar un buen proyecto. Voy a elegir GitHub. Si iniciaste sesión en GitHub, esto se conectará automáticamente cuando vayan a bajar y necesitas configurar los comandos que solo compres estructura, en blanco. Construir comando será Hugo y el directorio publicado será público. Mi GitHub por defecto es master como la rama, que es la rama principal real para desplegar. Podrías haber dicho dos principales. Así que solo revisa dos veces, tienes el derecho brillante sentarse ahí. Se lo tirará por ti. Eso es actualmente desplegar el sitio. Ya lo hemos establecido. No puedes entrar en pinturas de dominio y puedes cambiar este dominio aquí por ejemplo, estoy bien, enfríalo. Skillshare, Netlify. Obtienes la aplicación Netlify dot, una URL, y google en general no las raye. Entonces tienes que preocuparte demasiado por eso. Creo que hago despliegues y verás que nuestro sitio ha sido publicado. En realidad se puede hacer click sobre él y le dará una visión general de lo que ha sucedido. Y echemos un vistazo a encender la debug sentada para Hugo. Para que puedas ver mucho más sobre lo que está pasando. Puedes hacer click en el enlace y te enviará a esta versión exacta del sitio. Pero prefiero solo volver a la visión general. Y eso te dará el discurso público al sitio publicado lo que acabamos de crear en la lección anterior. Si te has levantado al escenario cuando estás listo para pasar a la siguiente lección. 6. Crear la configuración de Netlify: Esta demo va a echar un vistazo a cómo configurar construcciones de Netlify para diferentes escenarios y entornos. Pondré el enlace a esta página en la sección de resultados. Se notifica página de configuración basada en archivos. Tienes esto arriba un archivo llamado Netlify, no alto en la raíz del proyecto. Y luego aquí abajo tenemos algún código de ejemplo. No lo necesitamos todo , quien sea. Entonces hagamos la caída y luego pondremos que parezca la parte importante. Crea un nuevo archivo en la raíz del proyecto y lo llamaremos Netlify dot double. Lo primero que nos preocupa es la primera parte, construir y todos los ajustes se sientan debajo del rumbo de construcción. Todos nuestros ajustes globales en la construcción a menos que los vamos a sobrescribir. Entonces vamos a copiar y construir. No nos preocupamos por la base porque estamos usando la raíz del proyecto como base. Pondremos en Publish y vamos a poner en nuestro comando build. Publicado será público. El comando build, comando de compilación básica ECO. Tendré un enlace a la página de docs de comando de Hugo. Podemos agregar dash, dash debug para la salida de debug que podamos ver lo que realmente está pasando. Y vamos a hacer dash, dash magnify, minificar el HTML y XML en plugins en este tutorial porque manejé casi todo. Entonces ahora vamos a echar un vistazo a la anulación de las cosas incorporadas para diferentes contextos. Este rayo contextos tenemos producción, que es los contextos principales. Tenemos despliegue, vista previa, y diremos despliegue de sucursal, Grab, producción. Consigue una vista previa. Vamos a llegar a previsualizar el entorno de puntos porque prefiero configurarlo de esa manera. Entonces el método en línea que se muestra aquí. Y luego vamos a montar uno para la producción también. Tenemos sucursal desplegar y almorzar el entorno de tramas, falta en tiempo real. Construir entorno, agregando algo a lo establecido para NPM. Voy a ver la creación algunos comandos de compilación diferentes para la implementación, vista previa y la implementación de sucursales. Ten en cuenta si estamos haciendo un punto de sucursal o una solicitud de pool, que es un despliegue una vista previa. Tendrás que sentarte a Hugo para usar la URL personalizada que se crea. Cuando eso sucede, tenemos una opción aquí de dash B y que establece la URL base. Voy a configurar eso para todas las construcciones Netlify. De esa manera si cambias la URL Netlify no tienes que preocuparte por entrar a Hugo y actualizar la URL base. Y solo podrías usar dash PE, pero voy a usar dash, dash baseUrl para hacerlos más obvios cuando vuelvas en el futuro, mira tu archivo de configuración usando la línea de comandos. ¿ Quieres usar base en efectivo porque menos que top. Pero voy a usar dash, dash año base viejo para hacerlo más obvio. Voy a usar el signo de dólar y los capiteles desplegados en la URL de subrayado sql prime. Eso va a tirar de la URL base de Netlify para nosotros. Todo el asunto. Eliminar el contenido, dejar que la rama apunte, y vamos a comentar eso hacia fuera para iniciar la terapia de punto. Lo mismo con la vista previa y para producción porque la va a configurar para que todos los viejos tres top para trabajar automáticamente, porque agregamos la URL base de Netlify vuelva a ambiente en una lección futura sobre el NPM. Eso lo guardaremos. Entonces vamos a comprometernos se hundirá. Entonces si llegamos a la página de despliegues, actualiza y verás que ahora estamos construyendo. Y se construyó con éxito. Digamos que él, porque hemos ejecutado la opción de debug, tenemos toda la salida extra de. Eso es realmente útil cuando estás tratando de averiguar qué está pasando mal porque es realmente complicado para Netlify resolver problemas como no lo han hecho. De vuelta en esa página de despliegues, notarás el tiempo que se necesita para construir y unos 14 segundos y 16 segundos, es realmente importante mantener un ojo en eso porque comienza a arrastrarse 2.52 minutos, tres minutos. Te vas a quemar a través de tus asignaciones. Si vuelves a tu página de inicio, verás que tienes 300 minutos de construcción al mes en el nivel gratuito. Eso es realmente importante que te asegures buscabas optimizar para que no estés usando el exceso de Belbin, lo contrario te quedas fuera y luego es bastante caro actualizar, sobre todo si es sólo un sitio web simple. 7. Añadir configuración NPM: Vamos a ver cómo configurar el proyecto Netlify para npm. Tendré un enlace a esta página. Es la página del entorno Node.js. Cosas que vamos a poner. Existe una opción de la versión Node. Lo pondré de cualquier manera, pero no lo vamos a usar por ahora, pero ya sea puedes escribirlo si tienes algún problema, puedes actualizar las versiones nocturnas. Puedes obligar a Netlify a usar nueva versión. Pero realmente nos preocupa es el entorno de nodos ahora por defecto, Netlify se sienta entorno de nodo al desarrollo. Ahora, lo que eso significa es que si tienes dependencias de desarrollo y producción, todas se van a instalar. Y aquí hay una advertencia de que si configuramos entorno de nodo a producción, ninguna dependencia de dev en su no se instalarán ninguna dependencia de dev en su package.json. Eso significa que podemos acelerar las compilaciones en Netlify al no instalar dependencias que solo usas localmente. Por ejemplo, en Visual Studio Code para desarrollar tu sitio web. Vamos a seguir adelante y vamos a establecer que bajo entorno Bill dot pegará a mi nombre y lo pondremos en producción. Entonces vamos a pop en las opciones de la versión Node y NPM ahí. Si necesitas forzar a Netlify a actualizar. Vamos a comentar esto porque no los estamos usando. Vamos a seguir adelante y vamos a configurar NPM. Lo haremos es llegar a una nueva terminal. Morón. Periodo de punto. Solo mantén todos los impagos por ahora. Entonces haremos un poco de aislamiento. Solo di por ejemplo, que quieres usar post CSS con Hugo. Tendrías que ejecutar npm instalar muchos posts, css, posts, css, CLI, y luego decir por ejemplo, autoprefixer también. Entonces verás el package.json. Deshazte de esa terminal. Verás que han instalado independencias y van a instalar para nosotros en Netlify, pesar de que estamos configurando nuestra producción en nuestro entorno a la producción. Vamos a seguir adelante e instalemos algunas dependencias de desarrollo. Por ejemplo, el enlace ES para vincular tus archivos JavaScript ES6 ejecutará NPM install dash, dash, guarda el div. Entonces irán a ver nuestro package.json. Ahora tenemos nuestras dependencias dev. Es pelusa no estará al alza es Netlify ya que estamos utilizando el entorno nodo de producción. Así que va a ahorrar un poco de tiempo. Nosotros construyendo. Algunas personas no se molestan porque solo se instalan en primera instancia, no consiguieron efectivo. Pero prefiero sólo mantenerlos separados. Microsoft o más fácil. 8. Construye la rama: No va a echar un vistazo a los campos de sucursales y cómo podemos crear una nueva sucursal que obtengamos. Y luego podemos construir esa sucursal en Netlify para que puedas previsualizar la idea en la que estás trabajando. O podrías estar, por ejemplo, arreglando un error a la pestaña de pensamientos y elige tu sitio. Luego entra en la configuración del sitio y construye e implementa. Entonces entra en ramas. Y actualmente tenemos nuestro master como nuestras sucursales de producción, una sucursal que construye y eso es para la URL principal en la sucursal desplegada ya que pocas opciones puedes elegir todas. Y construirá cada rama que creas. De lo contrario se pueden construir sucursales individuales. Personalmente prefiero construir sucursales individuales porque no quiero que cada rama sea así que creo para construir. Solo tienes que poner el nombre de la ramificación, pero por ahora, solo lo estableceremos todo para que sea más fácil para este tutorial. lo guardaremos. Y luego bajaremos a la rama, al maestro de fondo, y crearemos una nueva rama. Y voy a crear cool it six branch deploy. Lo puedes encontrar fácilmente. Y entonces lo que haremos es que hagamos algunos cambios. Entonces vamos a entrar en diseños, parciales, y nos vamos. Y luego copiaremos el Bootstrap cinco por defecto, navbar. Y luego pegaremos eso en. Antes de que lo cometamos. Vamos a ejecutar control-click. Se puede decir que actualmente está funcionando como se esperaba. Es importante que previsualice los cambios antes de ponerlos a través de Netlify. De lo contrario, pierde el tiempo y te quedarás sin asignaciones de construcción. Lo que hacemos ahora es pondremos nuestro commit add navbar. En realidad estoy publicando Guía A La página de despliegues para el ligero en el que estás trabajando. Y notarás que se está construyendo fuera de la sucursal desplegar sucursal. No debería tomar demasiado tiempo en absoluto. Eso está pasando por ahora. Hemos salido el error de salida de sus pensamientos en vivo. Así que voy a volver a la página de despliegues. Tenemos un botón ahí que irá al código GitHub. Ese es el compromiso real, la rama. Si quieres ver desplegar la sucursal, tendrás que dar click a esa compilación en particular. Y luego abrir ramal desplegar. Eso es significativamente diferente al sitio real. Te darás cuenta que tenemos dos tragaperras diferentes sucediendo ahí. Hay que tener cuidado cuando se trata con clientes. Yo sí encuentro esto particularmente confuso, aunque es muy poderoso porque se puede crear un borrador de plegado para una nueva ID en la que quiero que trabajes y se los puede compartir con una sucursal de despliegue. Ahora, ahí hay un botón para publicar. Recomiéndalo porque terminarás publicando una sucursal diferente. Lo que puedes hacer es, por ejemplo, en el escritorio de GitHub o en Visual Studio Code. Entonces podemos ir a la parte de atrás a maestro. Y luego podemos elegir rama, fusionar rama, y podemos fusionar en rama deploy. El único problema es que lo sincronizaré. Entonces el problema es, si eso genera una era, puede ser un poco difícil atraparla. Ya verás que está construyendo emergiendo en esos cambios y eso se está fusionando en el master it, probablemente debas previsualizar eso en el código de Visual Studio con ustedes chicos. Entonces el comando primero antes de que lo sincronices con bien, eso está publicado. Entonces si vamos al sitio principal, ya verás ahora he sacado en nuestra barra navbar desde la sucursal, desplegar sucursal. Ahora normalmente lo que harías es que entrarías y eliminarías la sucursal después de haberte mencionado, pero voy a dejar esa sucursal ahí para que puedas ver en el repositorio en GitHub en caso de que tengas cualquier problema con esta lección en particular o ALS, y se pueden ver todas las diferentes ramas Siempre que ya esté lleno. La siguiente lección donde miramos esto con un poco más detalle. 9. Se construye la solicitud de tirón (despliegue previas vistas): Por lo que ahora vamos a mirar a pobres solicitudes construye. Adelante y mostrarte cómo hacer la solicitud de tirón. Yendo a Netlify, ve a tu sitio, y luego buscó configuraciones y construye un empleado. Lo primero que haremos es apagar el edificio de sucursales excepto la rama de producción, porque eso generará edificio innecesario. Entonces la siguiente opción es desplegar vistas previas, y esto es todo acerca de Solicitudes de Pool. Ahora por defecto, se configura para construir cualquier solicitud deficiente contra su sucursal o sucursal de producción, desplegar sucursales. Y te mostraré exactamente lo que eso significa en un momento. Tenemos herramienta habilitada para dibujar Netlify que no vamos a usar porque están trabajando o estoy en ello. Te mostraré lo que es de todos modos. Lo dejaremos configurada con la configuración predeterminada, luego volveremos a las personas a tu código. Voy a hacer una nueva sucursal. Voy a llamar a esa sucursal alberca solicita. Podrás decir eso en el repositorio Git. Haremos es que vamos a entrar en la página de inicio, vamos a cambiar algo del significado completo a su alrededor. Sólo para hacer las cosas obviamente, vamos a poner en un div con algún margen, algún relleno y algún fondo. Entonces comprobaremos eso. Entonces cambiaremos el color del texto. Ahora vamos a comprometernos, publicaremos la sucursal. Entonces nos dirigiremos al repositorio. Solo una pequeña nota, en realidad se puede obtener un plugin. Puedes crear GitHub, tirar solicitudes desde dentro de Visual Studio Code. Y te mostraré en la página web porque no requiere ninguna instalación. Entonces en GitHub, dirígete hacia abajo y elige la sucursal. Dice que el puente es un compromiso por delante de Moscú. Por lo que vamos a crear una piscina peticiones contra Moscú. Entonces una forma de hacerlo es sólo contribuir desplegable. Podemos tirar solicitudes, lo contrario puedes crearlas a través de peticiones pobres. Entonces estamos comparando la rama de cuatro costras. Y luego cuando no lo llamarías pobres peticiones, acabo de hacer eso. Se puede identificar la lección. Lo estamos comparando contra Mostafa. Se agarró el mensaje de compromiso para nosotros día. Se puede poner más información allí. Dice capaz de emerger, lo cual es grande. Vamos a acreditar. Github es comprobar la capacidad de administrar, y luego estamos ejecutando algunos cheques de Netlify. Netlify está atravesando a medida que construye la vista previa de despliegue. Está ejecutando los cheques para nosotros y obtendremos algunos resultados de eso en un momento. Así que revisemos R1, no hemos tenido ningún problema. En realidad puedo hacer clic en el botón de detalles y en realidad te mostrará la vista previa de reproducción. Entonces como estábamos mirando al Hugo dijo, bueno, esta es una versión de la sal que en realidad se fusiona con la rama maestra. Por ejemplo, podrías tener a alguien que haya hecho algunos cambios la rama maestra y has estado trabajando en algo en tu propia sucursal. Por ejemplo, este fondo con un texto diferente. Y entonces esto está mostrando lo que realmente parece ser fusionado. Creo desplegar previamente, genial, porque es un recordatorio de que el trabajo está ahí sentado esperando a emerger y se puede seguir trabajando en esa sucursal y seguirá actualizando la vista previa de despliegue. Digamos por ejemplo, le has dicho al cliente que estás contento de darles dos revisiones a un borrador. Bueno, entonces puedes abrir tus solicitudes de alberca. Puedes hacer todo tu trabajo en esa revisión. Y luego cuando estén contentos con ello y hayan firmado, puedes comprometerte con su página web. Y si has prometido la media ahora lo harás, harás dos revisiones a la gota. Entonces te abrirás. Y me encantó jugar preestreno. Se tirará de solicitud si desean pequeños cambios. Y luego puedes trabajar en ello. Y luego puedes cometer esos cambios. Y lo que estás viendo en tu vista previa de despliegue, notarás a lo largo del borde inferior reportar una barra de herramientas que a p y que en realidad no aparece en el sitio final donde has comprometido la solicitud de grupo. Pero tienes una serie de opciones. Él, y se ven bastante simples. Pero si miras la captura de pantalla, por ejemplo, espera a que se cargue. En realidad puedes usar esa captura de pantalla en un comentario. Tienes que asegurarte de que has iniciado sesión en GitHub. Y esa es una gran manera de comunicarse con Logro. Agiliza el proceso. Ponen ahí la grabación de la pantalla también. Déjame escanear botón para que puedas escanear eso con un dispositivo móvil y luego puedes previsualizar el sitio. En mi modo era que no tenías que ir a la molestia de rematar en la URL larga. Pero también tenemos el botón a la izquierda y se puede acceder a todas esas características en detalle. Entonces, por ejemplo, ahora mismo, incluso comentaremos sobre la solicitud de pull en GitHub. Incluso puedes crear nuevos temas, comprobar quién está en el equipo, enviarlos por correo electrónico, etcétera. Está todo ahí dentro. Esa es la Netlify Dora. Voy a levantar ese turno, que en realidad se encendió por defecto. Pero puedes apagar eso si no quieres que los miembros del equipo accedan a eso. Acabo de abrir la vista previa de despliegue en un navegador al que no le gusta Internet aplicado como una luz aparente, qué sucede cuando tienes un cliente viendo la vista previa de despliegue. Y solo necesitas estar donde aún tendrás esa barra en la parte inferior. Y eso podría confundir a un cliente. Si está utilizando esto para mostrar a los clientes que progresan en una función de borrador. Yo consideraría el hecho de que podrías apagar cajón lejos porque entonces me confundo teniendo esta barra en la parte inferior de la pantalla. Para que puedas golpear merge pull requests, y luego puedes confundir el mensaje y también poner un comentario sobre esto tener un botón conveniente para eliminar esa sucursal una vez que hayas gestionado las solicitudes de pool, que en última instancia está gestionando una sucursal en lo magistral, la rama principal, casi todo lo que queda por hacer es aislar la rama. No voy a ir a la sucursal igual que en la última lección, no me gustaron esos datos de marca porque quiero las sucursales que dicen, se las puede decir. Creo que por eso mejor que los franceses despliega. Es mucho más controlable. Bueno, sí tienen que pasar por GitHub, a través del proceso. Y como dije, no se puede obtener el plug-in para Visual Studio Code, aunque sí lo prefiero en GitHub tanto más gráfico.