Blog | Álvaro Barrena

Technical articles

Blog

Ideas, technical decisions and lessons I pick up while building projects and growing as a developer.

Articles
17
Topics
24

Archive

All articles

Ordered from newest to oldest.

  1. Astro and Sanity as a WordPress alternative for content websitesWhen Astro and Sanity make sense instead of WordPress or file-based content, what the setup adds to a project, and how I would approach the integration.AstroSanity
  2. Organising bilingual content with Astro, MDX and Content CollectionsThe structure I use to publish every article in Spanish and English without duplicating routes, metadata or page logic, including the trade-offs it brings.AstroMDX
  3. JavaScript dependencies: the risks you take when installing themInstalling a dependency adds code, maintainers and installation decisions to a project. Why I use pnpm, and which limits I still need to review.SeguridadJavaScript

  1. What to check before launching a website: a production checklistThe review I would make before sharing a website and during its first days online, focused on what a build cannot verify on its own.Desarrollo webCalidad web
  2. What I learned building my first website for a real clientMy first client project made me organise content, make architectural decisions and take responsibility for everything that happens before and after launch.AstroProyecto real
  3. Spanish hreflang: es, es-ES and implementation examplesChoose es for Spanish or es-ES for Spain, see a working Spanish–English hreflang example, and check reciprocal links and canonical URLs.SEOAstro
  4. Is localStorage secure? What you should not store thereLocalStorage works well for preferences such as a website theme. Problems start when it is used for sessions, tokens or information JavaScript should not be able to read.SeguridadJavaScript
  5. CSRF explained with forms and cookiesAn email-change request shows why a valid session does not prove that a user started the action.SeguridadCSRF

  1. XSS explained for frontend developersWhat changes when you stop treating XSS as someone else’s problem and start looking at how data reaches and is rendered in the browser.SeguridadXSS
  2. Basic web accessibility you should not leave until the endBasic things worth addressing while building a website, before its structure and interactions make them harder to fix.AccesibilidadFrontend
  3. Web security explained for developersWhat I am starting to look at when I build a website so I do not stop at making it work, load fast and look good.SeguridadWeb
  4. Web form security: 11 common mistakesEleven web form security mistakes and how to avoid them: weak validation, XSS, CSRF, file uploads, spam, data leaks and privacy.SeguridadFormularios

  1. Web security headers: a practical guideA practical guide to HSTS, CSP, Permissions-Policy and other security headers: what they mitigate, how to apply them and how to test them.SeguridadFrontend
  2. Astro vs WordPress: which should you choose?Compare Astro and WordPress to choose the right platform for a professional website based on content editing, SEO, performance, security and maintenance.AstroWordPress
  3. How to learn JavaScript by building real projectsWhat I learned when I stopped practising JavaScript only through exercises and started using it to build tools I genuinely needed.JavaScriptAprendizaje

  1. How I handled technical SEO for my Astro portfolioA practical look at the decisions I made to make my portfolio faster, easier to crawl and easier for search engines and AI assistants to understand.AstroSEO
  2. Why I rebuilt my portfolio with AstroI moved from a single-page site with a lot of JavaScript to a faster and easier-to-maintain model. Here I explain the reasons for the change.AstroFrontend