Cómo crear una web con Notion y Super⚡️
✍️

Cómo crear una web con Notion y Super⚡️

Última actualización
May 24, 2021 10:52 AM
Publicado
Feb 4, 2021
Tags
Notion
Tiempo de lectura
3 min
time
Sobre mí Blog Proyectos Charlas Recursos Contacto

En el post anterior contaba porqué elegí Notion para crear mi web personal. Hoy vamos a ver cómo crear una web con Notion usando mi web como ejemplo.

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.

image

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.

image
🔥

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.

image

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 🔮

image

🔥

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.

image

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.

image

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.

image

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.

image
image

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

image

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.
image

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.

Secciones

Blog

Sígueme en

🐦 Twitter

🎉 Tiktok

🚀 Github

© 2021 | Miriam Gonzalez Powered by Notion and Super⚡️ Ilustraciones Veronica Iezzi