Notion y tu propio dominio con Fruitionsite.

Notion y tu propio dominio con Fruitionsite.
Usa tu dominio en notion

Usar Notion es adictivo, siempre se tiene ganas de hacer más con la plataforma, hasta el punto de migrar toda tu vida y trabajo a este servicio. Es ahí cuando nos da el capricho o necesidad de usar nuestro propio dominio para portafolio, blog, catálogo o lo que se desee.

Notion no ofrece una solución o servicio parecido, pero sí es posible hacerlo por productos de terceros como hostnotion.co y super.so. Sin embargo son de pago, con mensualidades que, siendo sinceros, no es costeable para pequeños proyectos.

La solución fácil y gratis que yo encontré y que probé es fruitionsite.com. Ellos en su home tienen un tutorial sencillísimo: si yo pude hacerlo, cualquiera puede.

Si deseas un tutorial en video, mira este 👉 en inglés por Dimitris Kamaritis.

Requerimientos previos:

Tu dominio listo con acceso a los DNS y poner el workspace de notion (al que le quieres poner tu dominio) en público y activado el search engine.

Notion, cloudflare y fruitionsite: Let’s break the internet.

  1. Registrarse en cloudflare y verificar el correo. Hecho.
  1. Ingresar el dominio. Hecho.
  1. Elegir el plan free. Hecho.
  1. Agregar un record A con el nombre del dominio y content 1.1.1.1. Hecho.
  1. Copiar los nameservers de Cloudflare. Hecho.
  1. Pegar los nameservers de Cloudflare en el dominio, en mi caso lo tengo en porkbun. Hecho.
  1. Click en Done, check nameservers. Hecho.
  1. Seleccionar flexible en SSL/TLS. Hecho.
  1. Poner en ON el always https y marcar las 3 opciones en minify. Hecho.
  1. Guardar cambios. Hecho.
  1. Aquí se supone que debe salir: great news! Cloudflare is now protecting your site. Sin embargo ese no fue mi caso y tuve que dar re-check y esperar a que me llegara un correo informándome que mi sitio estaba activo.
  1. Ir a workers en la parte superir de la página. Hecho.
  1. Dar click en manage workers y agregar un nombre (puede ser cualquiera, de preferencia el nombre del dominio, para que seas una persona ordenada).
  1. y 15. Click en confirmar y seleccionar el plan gratis. Hecho. Aquí me pidieron confirmar otra vez el correo.
  1. Click en create a worker.
  1. Aquí aparece una ventana con código en el lado izquierdo. La mantendremos abierta mientras preparamos algunas cositas más, uff qué nervios y qué largo el tutorial.
  1. Vamos a nuestro workspace para copiar el link público. Sugiero quitarle el nombre usuario que aparece.

https://www.notion.so/heliodoro/Romanos8-digital-de05cc8d890246ae90b02c832a3535d0
https://www.notion.so/Romanos8-digital-de05cc8d890246ae90b02c832a3535d0

  1. Vamos a fruitionsite.com, en el step 2 generaremos un código. Colocamos nuestro dominio y la url del workspace. Luego click en copy the code. Listo, tenemos el script, volvamos a cloudflare.
  1. Volvemos donde nos quedamos en cloudflare, y en la parte izquierda donde está el código, borramos eso y pegamos el que copiamos en el paso 19.
  1. Click en Save and deploy. Hecho.
  1. Click en el nombre de nuestro dominio, en la parte superior izquierda y nuevamente click en workers.
  1. Vamos a agregar una ruta: add route. Ingresamos en route el dominio, en mi caso romanos8.digital, pero le agregamos /* al final, nos quedaría así romanos8.digital/* y en worker seleccionamos la única opción que tenemos. Damos click en save y listo.
  1. Dirígete a tu dominio y verás tu página de notion.

Esto es fácil, rápido no mucho, pero si lo hiciste todo bien: ¡felicitaciones!

A tener en cuenta

  • Cloudflare es gratis, por lo que nos da un límite, si nos pasamos de ese límite el sitio no se mostrará, solo se podría acceder mediante la url de Notion.
  • Puede que al principio no se muestre tu sitio, esto es normal, propagar DNS lleva tiempo, en mi caso se demoró toda una noche (soy impaciente, fue difícil estar tranquilo).
  • El código de fruitionsite.com es gratis, por lo que no da garantía si cloudflare cae o si notion cambia algo que afecte este método.

Cualquier inquietud o pregunta siéntete libre al escribirle al autor del código, revisa su página y disfruta.


Sígueme, suscríbete o lee más contenido (soon)

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *