# Álvaro Barrena Revilla > Frontend developer based in Madrid, España. Web design and development for professionals and businesses, project case studies and technical articles. Also open to frontend employment opportunities. This is the personal website of Álvaro Barrena Revilla, also known as Álvaro Barrena. Spanish is the main language; English equivalents are under /en/. The links below point to public HTML pages whose content is available without executing JavaScript. Each page is the reference for its scope, authorship and editorial dates. Custom websites to present your services and help customers contact you. Web design, mobile experience and technical SEO for professionals and businesses. I build these websites with Astro, a web development tool. The delivery does not include a content management system or an editing dashboard: updates require changes to the project’s code or content files and a new publication. We define who will handle those changes before starting. Search rankings and mentions in AI answers are not guaranteed. Project case studies distinguish client work, academic exercises and personal projects; examples are not endorsements by the organisations they describe. Articles about CMS integrations do not mean a CMS is included in the service. ## Services and contact - [Diseño y desarrollo web para negocios](https://www.alvarobarrena.com/servicios/): Service scope, process, editing requirements and frequently asked questions in Spanish. - [Web design and development for businesses](https://www.alvarobarrena.com/en/services/): English version of the same service. - [Contacto](https://www.alvarobarrena.com/contacto/): Contact Álvaro Barrena Revilla about a website project or a job opportunity. - [Contact](https://www.alvarobarrena.com/en/contact/): Contact options in English. ## Profile - [Sobre mí](https://www.alvarobarrena.com/sobre-mi/): Professional background, education and interviews in Spanish. - [About](https://www.alvarobarrena.com/en/about/): Professional background in English. - [LinkedIn](https://www.linkedin.com/in/alvarobarrena/): Professional profile. - [GitHub](https://github.com/alvarobarrenadev): Public repositories. ## Project case studies - [Conquer Languages: caso de estudio frontend](https://www.alvarobarrena.com/proyectos/conquer-languages/): Caso de estudio de un proyecto académico: reconstruí desde cero la web de Conquer Languages con HTML, Sass, JavaScript y Vite. - [Conquer Languages: frontend case study](https://www.alvarobarrena.com/en/projects/conquer-languages/): English case study. Role: Frontend rebuild and Sass architecture for an academic project. - [Apuntes ICO: caso de estudio de una PWA](https://www.alvarobarrena.com/proyectos/apuntes-ico/): Caso de estudio de una PWA privada que construí para organizar y consultar mis apuntes de comunicación y liderazgo, incluso sin conexión. - [ICO Notes: PWA case study](https://www.alvarobarrena.com/en/projects/apuntes-ico/): English case study. Role: Notes organisation, design and PWA development. - [Patricia Pólvora | Web para la única formadora SVI en español](https://www.alvarobarrena.com/proyectos/patricia-polvora/): Sitio web profesional para una consultora de impacto social con más de 17 páginas, SEO avanzado, datos estructurados y arquitectura escalable en Astro. - [Patricia Pólvora | Website for the only SVI trainer in Spanish](https://www.alvarobarrena.com/en/projects/patricia-polvora/): English case study. Role: Design, Astro development, technical SEO and deployment. - [EmoWords | Aprender vocabulario conectándolo a recuerdos](https://www.alvarobarrena.com/proyectos/emowords/): Aprendizaje de inglés a través de la emoción: una webapp que conecta cada palabra nueva con tus propios recuerdos para evitar la repetición mecánica. - [EmoWords | Vocabulary learning through personal memories](https://www.alvarobarrena.com/en/projects/emowords/): English case study. Role: Experience design and development with AI assistance. - [Apuntes de JavaScript | Guía interactiva instalable](https://www.alvarobarrena.com/proyectos/apuntes-javascript/): Mis apuntes de JavaScript en una PWA con buscador global, flashcards de repaso y resaltado de sintaxis. - [JavaScript Notes | Interactive installable guide](https://www.alvarobarrena.com/en/projects/apuntes-javascript/): English case study. Role: PWA design, search and review flashcards. - [Boscof AI | Chatbot que amplifica la voz de un creador](https://www.alvarobarrena.com/proyectos/boscofai/): Todo el conocimiento de Álvaro Boscof volcado en una IA. Una herramienta para que su comunidad acceda a su filosofía en cualquier momento y lugar. - [Boscof AI | Chatbot that amplifies a creator's voice](https://www.alvarobarrena.com/en/projects/boscofai/): English case study. Role: UI implementation & model API integration testing. - [Adam Keyes | Maquetación fiel desde Figma](https://www.alvarobarrena.com/proyectos/adam-keyes-landing/): Ejercicio de maquetación CSS del máster en Conquer Blocks: traducir un diseño de Figma a código limpio y responsive. - [Adam Keyes | Faithful layout from Figma](https://www.alvarobarrena.com/en/projects/adam-keyes-landing/): English case study. Role: Responsive layout from Figma and Sass styling. ## Selected articles - [Astro con Sanity como alternativa a WordPress para una web de contenido](https://www.alvarobarrena.com/blog/astro-sanity-alternativa-wordpress/): Cuándo combinar Astro con Sanity tiene sentido frente a WordPress o a un sitio basado en archivos, qué añade al proyecto y cómo plantearía la integración. - [Astro and Sanity as a WordPress alternative for content websites](https://www.alvarobarrena.com/en/blog/astro-sanity-alternativa-wordpress/): English version. Updated 2026-09-20. - [Cómo organizar contenido bilingüe con Astro, MDX y Content Collections](https://www.alvarobarrena.com/blog/astro-mdx-contenido-bilingue/): La estructura que uso para publicar cada artículo en español e inglés sin duplicar rutas, metadatos ni lógica. También cuento qué simplifica y qué compromiso introduce. - [Organising bilingual content with Astro, MDX and Content Collections](https://www.alvarobarrena.com/en/blog/astro-mdx-contenido-bilingue/): English version. Updated 2026-09-13. - [Qué revisar antes de publicar una web: checklist de producción](https://www.alvarobarrena.com/blog/checklist-antes-publicar-web/): La revisión que haría antes de compartir una web y durante sus primeros días online, con foco en lo que un build no llega a comprobar. - [What to check before launching a website: a production checklist](https://www.alvarobarrena.com/en/blog/checklist-antes-publicar-web/): English version. Updated 2026-08-30. - [Lo que aprendí construyendo mi primera web para una clienta real](https://www.alvarobarrena.com/blog/primera-web-cliente-aprendizajes/): Mi primer proyecto para una clienta me obligó a organizar contenido, tomar decisiones de arquitectura y responsabilizarme de todo lo que ocurre antes y después de publicar. - [What I learned building my first website for a real client](https://www.alvarobarrena.com/en/blog/primera-web-cliente-aprendizajes/): English version. Updated 2026-08-23. - [Hreflang en una web bilingüe: cómo implementarlo sin errores](https://www.alvarobarrena.com/blog/hreflang-web-bilingue-astro/): Cómo conecto las versiones en español e inglés de mi portfolio y qué revisaría antes de dar por buena una implementación de hreflang. - [Spanish hreflang: es, es-ES and implementation examples](https://www.alvarobarrena.com/en/blog/hreflang-web-bilingue-astro/): English version. Updated 2026-09-13. - [Accesibilidad web básica que no deberías dejar para el final](https://www.alvarobarrena.com/blog/accesibilidad-web-basica-no-dejar-final/): Cosas básicas que conviene resolver al construir una web, antes de que la estructura o las interacciones hagan más difícil corregirlas. - [Basic web accessibility you should not leave until the end](https://www.alvarobarrena.com/en/blog/accesibilidad-web-basica-no-dejar-final/): English version. Updated 2026-07-19. ## Optional - [Blog en español](https://www.alvarobarrena.com/blog/): Complete published article index in Spanish. - [English blog](https://www.alvarobarrena.com/en/blog/): Complete published article index in English. - [Sitemap](https://www.alvarobarrena.com/sitemap.xml): Indexable pages and language alternatives. - [robots.txt](https://www.alvarobarrena.com/robots.txt): Crawl permissions; this index does not replace them.