Llevando nuestro sitio a producción

Clase 18 de 21 • Curso de Foundation 2018

Resumen

Termina el proyecto del curso llevando tu sitio web a producción usando GitHub.

Aprende a hacerlo siguiendo paso a paso esta clase. Al terminar, podrás mostrarle al mundo los sitios que eres capaz de crear.

Guillermo Castaño Vèlez

student•

Este comando build agarra TODO el css y el js de Foundation? o solo el que ya se usó. El problema que veo yo a veces con los frameworks es que hay que jalar todo el css y el js para utilizar unas cosas.

Guillermo Castaño Vèlez

student•

Gracias Juan Pablo, efectivamente ayer hice el curso de Tailwind y esa clase me pareció genial ya que era una duda que tenía ya hace mucho rato. Hoy me dispongo a probar si la misma librería funciona con Boostrap cuando se instala por npm y con Foundation. Saludos

María Sierra

student•

Buenas noches, cuando ejecuto el npm run build me da error, así que como vi que alguien en los comentarios le pasaba lo mismo decidi ejecutar el comando que compartieron ahi, npm i -S babel-register pero me sale esto:

![](

Ademas cuando trato de acceder al localhost que me creo fundation activandolo otra vez con npm start me da error

AYUDA!!!

Manuel Ojeda

student•

Ahí mismo te da el error de NPM, quizás necesites actualizar NPM, desinstala Node.js descarga la versión más reciente en su página e instalarlo de nuevo

María Sierra

student•

@darkjeda

Juan Esteban García Giraldo

student•

Tuve problemas al correr npm run build, solo lo pude corregir reinstalando npm directamente desde la carpeta del proyecto, luego de esto pude ejecutar el run build sin problemas.

Andres Evaristo Ruiz Gonzalez

student•

Quede boquiabierto con el subtree, yo lo que hacia era crear la rama gh-pages, borrar todo el contenido del proyecto y solo dejar las carpetas de producción. :o

Isaias Chávez

student•

Estoy tratando de correr el comando pero siempre me arroja lo siguiente

C:\Users\Nuevo\Desktop\platzi>npm run build                                                                                                                                                                                                     > foundation-zurb-template@1.0.0 build C:\Users\Nuevo\Desktop\platzi                                                    > gulp build --production                                                                                                                                                                                                                       [21:10:34] Failed to load external module @babel/register                                                               [21:10:34] Requiring external module babel-register                                                                     [21:10:49] Using gulpfile ~\Desktop\platzi\gulpfile.babel.js                                                            [21:10:49] Starting 'build'...                                                                                          [21:10:49] Starting 'clean'...                                                                                          [21:10:49] 'clean' errored after 112 ms                                                                                 [21:10:49] Error: EPERM: operation not permitted, unlink 'C:\Users\Nuevo\Desktop\platzi\dist'                           [21:10:49] 'build' errored after 121 ms                                                                                 **npm ERR! code ELIFECYCLE                                                                                                npm ERR! errno 1                                                                                                        npm ERR! foundation-zurb-template@1.0.0 build: `gulp build --production`                                                npm ERR! Exit status 1                                                                                                  npm ERR!                                                                                                                npm ERR! Failed at the foundation-zurb-template@1.0.0 build script.                                                     npm ERR! This is probably not a problem with npm. There is likely additional logging output above.                                                                                                                                              npm ERR! A complete log of this run can be found in:                                                                    npm ERR!     C:\Users\Nuevo\AppData\Roaming\npm-cache\_logs\2018-09-**16T02_10_49_590Z-debug.log                                                                                                                                                  C:\Users\Nuevo\Desktop\platzi>

Ayuda

Diego Forero

Team Platzi•

Prueba instalando babel-register
npm i -S babel-register

Jorge Velasquez

student•

Al correr el comando gulp build, me salian varios errores con **Gulp Imagemin ** este lo corregí regresandome a la version 3.4.0 del gulp y me corrio sin problemas

Juan Ramirez

student•

Que buena explicación, Excelente clase

Naldo Duran

student•

C:\Users\Nuevo\Desktop\platzi>npm run build                                                                                                                                                                                                     > foundation-zurb-template@1.0.0 build C:\Users\Nuevo\Desktop\platzi                                                    > gulp build --production                                                                                                                                                                                                                       [21:10:34] Failed to load external module @babel/register                                                               [21:10:34] Requiring external module babel-register                                                                     [21:10:49] Using gulpfile ~\Desktop\platzi\gulpfile.babel.js                                                            [21:10:49] Starting 'build'...                                                                                          [21:10:49] Starting 'clean'...                                                                                          [21:10:49] 'clean' errored after 112 ms                                                                                 [21:10:49] Error: EPERM: operation not permitted, unlink 'C:\Users\Nuevo\Desktop\platzi\dist'                           [21:10:49] 'build' errored after 121 ms                                                                                 **npm ERR! code ELIFECYCLE                                                                                                npm ERR! errno 1                                                                                                        npm ERR! foundation-zurb-template@1.0.0 build: `gulp build --production`                                                npm ERR! Exit status 1                                                                                                  npm ERR!                                                                                                                npm ERR! Failed at the foundation-zurb-template@1.0.0 build script.                                                     npm ERR! This is probably not a problem with npm. There is likely additional logging output above.                                                                                                                                              npm ERR! A complete log of this run can be found in:                                                                    npm ERR!     C:\Users\Nuevo\AppData\Roaming\npm-cache\_logs\2018-09-**16T02_10_49_590Z-debug.log                                                                                                                                                  C:\Users\Nuevo\Desktop\platzi>

Llevando nuestro sitio a producción

Introducción

¿Dónde aprender frontend actualizado?

Introducción a Foundation y al proyecto del curso

Repositorio del curso

¿Que es un framework frontend?

Creando el sitio web

Instalación de Foundation

Configuración de Foundation

Incorporando los iconos de Foundation

La nueva grilla XY de Foundation

Espaciado dentro de las grillas

Creando nuestro header

Creando el menú de navegación

Adaptando el menú de navegación para dispositivos móviles

Agregando un carrusel de imágenes con Orbit

Agregando una barra lateral de navegación

Agregando el listado de productos

Agregando un menú lateral off-canvas

Agregar Smooth Navigation

Llevando nuestro sitio a producción

Complementos- Creando emails para nuestros usuarios

Introducción a Foundation para Emails

Creando un email de recibo de compra

Conclusiones del curso