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.
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.
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.
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 🔮
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.
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
© 2023 | Miriam Gonzalez Powered by Notion and Super⚡️ Ilustraciones Veronica Iezzi