<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Santiago Vedia</title>
    <description>The latest articles on DEV Community by Santiago Vedia (@santivediap).</description>
    <link>https://dev.to/santivediap</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3951485%2Fbd1c47a6-a75f-4752-9c78-a2210556203b.jpg</url>
      <title>DEV Community: Santiago Vedia</title>
      <link>https://dev.to/santivediap</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/santivediap"/>
    <language>en</language>
    <item>
      <title>Astro: The epitome of SEO</title>
      <dc:creator>Santiago Vedia</dc:creator>
      <pubDate>Mon, 25 May 2026 23:48:48 +0000</pubDate>
      <link>https://dev.to/santivediap/astro-the-epitome-of-seo-5d7m</link>
      <guid>https://dev.to/santivediap/astro-the-epitome-of-seo-5d7m</guid>
      <description>&lt;p&gt;Lately I've been very concerned about SEO and how my websites are being indexed by Google. Because of that I've searched about alternatives to my actual framework: &lt;strong&gt;React&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Turns out React is a &lt;strong&gt;strong framework&lt;/strong&gt; if your website's focus is &lt;strong&gt;User Experience&lt;/strong&gt; (UX). This is useful when you build applications to private enterprises that need cool animations, smooth transitions, a Dashboard or charts. But when it comes to SEO... &lt;u&gt;React is a mess&lt;/u&gt;.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;SPA&lt;/strong&gt; (Single Page Application) is the concept that React relies to, but turns out to be a bunch of Javascript sent to the client (&lt;strong&gt;CSR&lt;/strong&gt;, Client Side Rendering) that loads way after the search engines opens your website.&lt;/p&gt;

&lt;p&gt;That affects negatively your main &lt;strong&gt;SEO metrics&lt;/strong&gt; such as &lt;strong&gt;LCP&lt;/strong&gt; (Largest Contentful Paint), &lt;strong&gt;INP&lt;/strong&gt; (Interaction to Next Paint) and &lt;strong&gt;CLS&lt;/strong&gt; (Cumulative Layout Shift), making your website incomprehensible for search engines. In consequence, &lt;u&gt;Google does not position your website&lt;/u&gt; higher than others because it is not capable of understand it's contents.&lt;/p&gt;

&lt;p&gt;&lt;u&gt;This is where Astro comes&lt;/u&gt;. Astro is a framework whose main goal is making optimized websites that lead to &lt;strong&gt;high-metrics&lt;/strong&gt; in &lt;strong&gt;SEO&lt;/strong&gt;. They achieve this by using &lt;strong&gt;SSR&lt;/strong&gt; (Server Side Rendering). But what is SSR? Well, It's simple. &lt;u&gt;You serve static HTML files&lt;/u&gt; that come from your server (including It's metadata for SEO purposes) instead of rendering everything in the client with a bunch of Javascript code.&lt;/p&gt;

&lt;p&gt;In fact, there is a concept called &lt;strong&gt;Astro Islands&lt;/strong&gt; that allows you to make interactive components in your website. This is called "&lt;u&gt;Partial Hydratation&lt;/u&gt;", but this could lead us to discuss this topic in another post.&lt;/p&gt;

&lt;p&gt;The key here is that I wanted to test myself if this was true by making my own &lt;strong&gt;Landing Page&lt;/strong&gt; in Astro (&lt;a href="https://santiagovedia.com" rel="noopener noreferrer"&gt;visit my landing here&lt;/a&gt;) and guess what: My metrics are &lt;strong&gt;IMPRESSIVE&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;I tested the metrics using &lt;a href="https://pagespeed.web.dev/" rel="noopener noreferrer"&gt;PageSpeed Insights&lt;/a&gt; and the results where AMAZING. Here is a screenshot of the result:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fni5d33axtfsjkgp4w4c9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fni5d33axtfsjkgp4w4c9.png" alt="seo-results" width="800" height="762"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I still have so much to learn from Astro but for the moment I can say that their framework works pretty well (their docs are super clear and easy to follow)&lt;/p&gt;

&lt;p&gt;Now It's your time to see it by yourself. What do you think? Do you find it interesting? Comment below so we can discuss about SEO and what Astro brings to the table! I read you!&lt;/p&gt;

&lt;p&gt;Thank you for reading. This is my first post :)&lt;/p&gt;

</description>
      <category>astro</category>
      <category>seo</category>
      <category>webdev</category>
      <category>react</category>
    </item>
  </channel>
</rss>
