DEV Community

Cover image for Best GitHub
Erik Giovani
Erik Giovani

Posted on

Best GitHub

Hola 👋, este es mi primer post que escribo, así que si algo de lo que escribo es confuso o tiene faltas de ortografía, te pido una disculpa.

En este post te voy a enseñar los pasos de como estoy desarrollando una web app llamada Best GitHub para el hackathon de GitHub Y DEV.

Stack:

  • Next JS
  • TypeScript
  • Zod
  • Prisma
  • MongoDB Atlas
  • GitHub Codespaces

Primeros Pasos

Para empezar, primero voy a crear un nuevo repositorio en GitHub, lo puedes hacer en la parte de arriba de tu perfil, dando click en el botón con el signo + y después dando click en la parte que dice New repository.

Creando un repositorio

Nos mandará a una página parecida a esta, dónde tendremos que poner el nombre que va a tener el proyecto, también puedes agregar una descripción, pero eso ya es opcional, de cualquier forma puedes agregarla o cambiarla después.

Configurando el repositorio

Lo que sí haremos será marcar la casilla que dice Add a README file, ya que sin un archivo, GitHub Codespaces puede tener problemas para dejarnos crear archivos.

Solo falta dar click en el botón que dice Create repository para que nos redirija al repositorio.

Para crear un GitHub Codespace le daremos click al botón que dice Code, después a la pestaña que dice Codespaces, para finalizar le daremos click al botón que dice Create codespace on main.

Creando un GitHub Codespace

Eso nos abrirá una nueva pestaña en el navegador con nuestro GitHub Codespace, como en esta imagen.

GitHub Codespace

Eso es todo por este post, en el siguiente empezaremos a escribir código. Tenía pensado en este post agregar como configurar más a detalle los GitHub Codespaces, pero sería demasiado largo, así que dejaré eso para un post fuera de esta serie.

Espero que te haya gustado y espero verte en el siguiente post, saludos!!

Top comments (3)

Collapse
 
maxwellnewage profile image
Maximiliano Burgos

buenas! te recomiendo escribir al principio del artículo de que se trata exactamente lo que vas a enseñar e implementar, y no saltar a la práctica directamente 😉

Collapse
 
erikgiovani profile image
Erik Giovani

Gracias por el feedback 👍, lo tomaré en cuenta para futuros post.

Por cierto, cambié un poco la descripción del tag #spanish, no se por que decía: *¿Que pasa? *

Collapse
 
maxwellnewage profile image
Maximiliano Burgos

ah podías cambiarla? Yo habia pedido ese cambio, no tengo idea por qué tenía una desc asi jaja, gracias!