Linktree con Gatsby, Github y Netlify pt.1

Este post va a ser un poco distinto, va a ser más parecido a un tutorial que a otra cosa.

En esta ocasión, y antes de que se me olvide como programar, vamos a hacer un paso a paso de como montamos en TheCookies un proyecto con

Gatsby

Netlify

Sanity - NO

Github

Vamos a ser mínimalistas al extremo, al menos de momento, pero si sigues los pasos acabaras con algo tipo linktree de regaliz.

Tras escribir varios párrafos he eliminado y comienzo de nuevo.

Mientras escribira el tutorial clásico de abrir terminal y tal he pensado que no necesitais nada para tenerlo montado, así que sere breve para que arranque y si os interesa le metemos detalles técnicos y flores otro día, osea se barro.

Nos registramos en.. Sanity. Calla que hace falta la terminal, a hackers jugamos otros día. Siguiente paso.

Vamos a Github a registrarnos o iniciar sesión, hoy no forzamos que es lunes.

Ojo que se me ha hecho martes.

Vamos a empezar un proyecto en base a esta plantill

Click en el botón verde: Use this template

Rellenamos el formulario a nuestro gusto.

Una vez en nuestro poder vamos al directorio src/data/info.json y reemplazamos las variables a nuestro gusto.

Botones y socials se pueden agregar los que hagan falta, en este formato:

Separados por comas, menos el último

Listo, luego vamos al directorio de : src/images y subimos la imagen que queramos con el nombre profile.png para reemplazar la mía.

Para cambiar el icono del navegador misma operación pero en statics/assets/images reemplazar logo.png

Guardamos, que aquí se llama hacer commit, ponemos el mensaje que queramos para confirmarlo y nos vamos a Netlify 🚀

Le damos a iniciar sesión o registrarse, iniciamos sesión desde github, nos aparecera un listado de proyectos, elegimos el que acabamos de crear, en mi caso my-space, sí, ha sido morriña de cuando subía mis temazos al mundo.

Todo que aparezca aparece bien rellenado por defecto gracias a un archivo de configuración que hay en el proyecto, lo único personalizar la url que queremos para que nos genere un dominio legible y listo, con el sufijo netlify.app, pero si tienes uno personal se pueden cambiar DNS, pero no te flipes que nos dara el miercoles.

Creo que ya.

Funciona? yo no lo he probado.

Importante. En este código no hay buenas prácitcas ni nada por el estilo, esta siemple y con lo justo para que no haya fricción con paquetes si alguien lo corre en local, lo mejoraremos, aquí algo funcional.

Y si un día cambiamos el json por Sanity y lo hacemos más escalable si veo algo de interes.

Te veo en Github!