Paso 1. Crear las páginas en Notion

Lo primero que tenemos que hacer es crear una página de Notion que va a ser la página principal de nuestra web.

Dentro de la página principal añadiremos todas las secciones de nuestra web.

Rellenando y maquetando todo el contenido de cada una de ellas.

Es importante que todas las secciones de la web estén dentro de la página principal.

🔥

Super⚡️ solo identifica las sub páginas que están dentro de la página principal.

Paso 2. Elegir un dominio y crear cuenta en Super⚡️

Una vez tenemos nuestra web lista llega el momento de publicarla para ello hay que habilitar la opción compartir en nuestra página de Notion.

En ese momento se habilitará una URL pública que ya podemos compartir.

https://www.notion.so/Miriam-Gonzalez-ddba0c0c41a346c99f66123633ecd8ba

Pero esa URL no es fácil de recordar. Lo ideal sería poder acceder a través de miriamgonzalez.dev

Aquí es donde entra Super ⚡️ para hacer su magia 🔮

🔥

Vamos a necesitar un dominio y una cuenta en Super⚡️

Super⚡️ es una herramienta de pago que convierte tus página de Notion en web y además te permite añadir funcionalidades extra como:

Cambiar la fuente tipográfica
Añadir herramientas de analítica web
No depende de servidores externos
Mejoras de Performance
Tiene mejor SEO

Veremos más en detalle todo esto en próximos posts donde te contaré como sacarle el máximo partido a Super⚡️

Además, Elena Madrigal comentó en su newsletter que Super⚡️ es la herramienta más segura que hay ahora mismo.

🔥

Con otros métodos cualquier persona puede manipular la URL para publicar sus páginas con tu dominio. Puedes leer más sobre este tema en este hilo 👇

Paso 3. Configurar la web en Super

Una vez nos registramos en Super⚡️ tenemos que seguir los siguientes pasos para enlazar nuestro dominio.

1️⃣ Método del sitio

Primero tenemos que elegir entre los métodos Super Static y Super Default. Yo aconsejo utilizar el método Super Static que es el más optimizado y la mejor opción para el SEO.

2️⃣ Configuración del sitio

Después, tenemos que rellenar el nombre de la web, el dominio, y añadir el enlace público de nuestra página principal de Notion.

3️⃣ URLs bonitas

Añadimos la URL de Notion de cada página de nuestra web y le asociamos una URL amigable para que nuestra web sea fácil de rastrear.

Además, en este paso, Super⚡️ creará un sitemap desde nuestra página.

4️⃣ Registros DNS

Ahora viene el paso de conectar con el dominio. Para ello tenemos que elegir el hosting donde tenemos el dominio, en mi caso Namecheap, y añadir los dos records que nos aparecen.

En el caso de Namecheap hay que ir a DNS Avanzado del dashboard y añadirlos como aparece a continuación

5️⃣ Opciones de Super⚡️

Finalmente hay un apartado para añadir configuración extra:

Elegir la fuente personalizada
Una imagen y descripción de la web para compartir en redes sociales
El favicon en PNG
Y un apartado de inyección de código, donde podemos añadir scripts para personalizar partes de la web o conectar herramientas de analítica.
Podemos habilitar un buscador en la web
Y habilitar también las propiedades de las páginas. Yo lo utilizo para mostrar las datos extra de los posts.

Por último me gustaría añadir que Super⚡️ tiene una comunidad muy activa donde puedes preguntar todas las dudas que te surjan y además, inspirarte con los proyectos que comparten otras personas.

Con esto ya tendríamos nuestra página de notion conectada con nuestro dominio. Como ves no es un proceso complejo y en poco tiempo puedes tener tu web funcionando e ir añadiendo nuevas funcionalidades que se publicarán al instante.

Nos vemos por las redes 🤗

Tiempo que he tardado en crear el post: 4 horas

🔥

Si te ha gustado el post puedes apoyar mi trabajo regalándome un unicornio.