Probando el proyecto antes de hacer deploy

Para que el proyecto quede en la ruta específica del repositorio y no en la raíz de github pages de sus perfiles, hay que cambiar las rutas en el archivo App.jsx

La ruta que apunta al componente Home, se tiene que cambiar a: /nombre-de-tu-repositorio y la ruta del componente Checkout dejarla como está: /checkout

Cómo hacer que en gh-pages se haga el deploy en la ruta específica del repositorio y no en la raíz de mi perfil?
Porque me dice Not Found en la URL indicada. Pero si voy a mi raíz, ahí si se ve el contenido.
Tengo la misma configuración.

Algunos cambios en la configuración

Hola compañeros al momento en que estaba realizando la clase me encontré con ciertos inconvenientes con las configuraciones de Travis y quiero compartirlo con ustedes si es que llegan a atener la misma situacion.

1. No master sino mainen el archivo .travis.yml, esto lo cambio GitHub por motivos de inclusión. Para m{as detalles Why GitHub renamed its master branch to main

   deploy:
      ...
      on:
      	branch:  main
   

2. La configuración skip_cleanup se encuentra obsoleta para la versión dpl v2 de Travis. Para esta versión se cambió por cleanup, en este caso esta configuración permite la limpieza del repositorio de trabajo, debido a que esta opción era poco utilizada cambiaron su valor por defecto y ahora es valor predeterminado, por consiguiente no es necesario ponerlo en el archivo de configuración.
   Para mas información de los cambios:Announcing dpl v2 developer preview release

El resultado final del archivo de configuración seria tal que así:

language: node_js
cache:
  directories:
    - ~/.npm
node_js:
  - '12'
git:
  depth: 3
script:
  - yarn test
  - yarn build
deploy:
  provider: pages
  edge: true
  keep-history: true
  github-token: $GITHUB_TOKEN
  local-dir: dist/
  target-branch: gh-pages
  commit_message: "Deploy release ${TRAVIS_TAG}"
  on:
    branch: main

Dónde estoy trabajando actualmente hay una librería que la combinan con husky y este disapara un test cada vez que se intenta hacer un commit y solo se sube si se pasan todos los test

Jaja, me encanta la narración de los logs que hace el profe Óscar. ¡Es como un partido de futbol! Golazo! Success Build

ERROR 404 GITHUB-PAGES

Segui los pasos basicos que aqui se detallan https://github.com/rafgraph/spa-github-pages

1- puse un archivo index.html dentro de la carpeta src/ con este contenido https://github.com/rafgraph/spa-github-pages/blob/gh-pages/index.html#L36-L57

2- puse un archivo 404.html dentro de la carpeta src/ https://github.com/rafgraph/spa-github-pages/blob/gh-pages/404.html

3- basename con el path del proyecto

const App = () => (
  <BrowserRouter basename='/c-jest-react'>
    <Layout>
      <Switch>
        <Route exact path='/' component={Home} />
        <Route exact path='/checkout' component={Checkout} />
        <Route component={NotFound} />
      </Switch>
    </Layout>
  </BrowserRouter>
);

Para mas detalle https://github.com/rafgraph/spa-github-pages

Si cuando ven el proyecto en GitHub pages les aparece la pantalla de Not Found se debe a un problema de la organización de las rutas dentro del proyecto.
.
Al desplegar en travis, la ruta inicial se coloca automáticamente en: https://<TU_NOMBRE_DE_USUARIO>.github.io/<NOMBRE_DEL_REPOSITORIO>
.
Se genera un conflico ya que en el proyecto se indica que se inicia en / y travis lo coloca en lo dicho anteriormente.
.
Cómo solucionarlo:

• Entren a su proyecto, luego a la carpeta src y routes.
• En el archivo app se van a encontrar con la rutas del proyecto. La ruta inicial es esta:

 <Route exact path="/" component={Home} />

• Se debe cambiar ese path inicial (/) por el nombre de su repositorio.

 <Route exact path="<NOMBRE_DEL_REPOSITORIO>" component={Home} />

• Al darle click sobre el logo también nos seguira llevando al NotFound. Debemos ingresar al componente Header y cambiar la ruta de ese enlace. Además, deberemos actualizar el snapshot del componente Header.

<h1 className="Header-title">
      <Link to="<NOMBRE_DEL_REPOSITORIO>">
        Platzi Store
      </Link>
 </h1>

.
Con esto ya se vera todo normal.

Siempre que utilizan Travis en algún proyecto de platzi nunca me funciona siempre hay que hacerle mil y un configuraciones que no aparecen en los videos 😪

ahora travis pide tarjeta de credito para el plan gratuito

Para los que nos les permite hacer build.
A partir del June 15th, 2021,```
travis-ci.org
ha dejado de hacer building.
Mas sin embargo dan su nueva pagina

travis-ci.com

donde si pueden ir hacer los build

a mi no me sale ese switch de activarlo 😦

Lastima esta parte, esta muy desactualizada, no es posible seguir y aprender todo el deploy path. Esto genera una mala impresion.

El proyecto no despliega siguiendo todo al pie, travis ha cambiado bastante en estos años.

Otro detalle interesante a mencionar, es que para evitar por ejemplo, que alguien no haga pruebas de su codigo o sus pruebas no sean reales, se puede usar el coverage para evitar que esos pull request sean integrados a una rama importante (como master), para esto existen herramientas como sonarqube

Chicos a alguien mas les da este error en travis?

Bump websocket-extensions from 0.1.3 to 0.1.4

Hola, tengo el siguiente error en el log del trigger build:
There was an error while trying to load the gem ‘octokit’.

Muy bien excelente curso

Muy bueno este curso

Oh no!
You tried to trigger a build for alfredomtzg/platzi-store but the request was rejected.
help

Si tienen problemas con la url de gh-pages, probablemente sean causados por “homepage” del package.json o por el basename de React Router

Una alternativa quizas para algunos tests, es usar Husky, para ejecutar scripts automaticamente en nuestra maquina antes de ciertos eventos, por ejemplo antes de hacer commit o antes de hacer push. Es simple, y estaria genial ver un apartado en este curso usando el husky.