Tutorial: Building a Hyper-Optimized Marketing Site

ButtrBase isn't just for logged-in dashboards. We provide the edge infrastructure required to make your public marketing site load in milliseconds, perfectly optimized for SEO.

1. Fast Hero Background Videos

Never use a raw 50MB .mp4 file as your hero background. Upload your video to ButtrBase, and we will automatically generate an adaptive WebM stream.

  
  
Ship Faster.

2. Customer Logo Clouds

A common marketing site element is the "Trusted By" logo cloud. Instead of bloating your frontend bundle with 20 PNGs, load them directly from the ButtrBase CDN, heavily optimized.

// React/SolidJS Example
const trustedOrgs = ['uuid-1', 'uuid-2', 'uuid-3'];
function LogoCloud() {
  return (
    

      {trustedOrgs.map(id => (
        
          https://cdn.buttrbase.com/assets/${id}?w=120&fmt=avif} type="image/avif" />
          https://cdn.buttrbase.com/assets/${id}?w=120&fmt=webp} type="image/webp" />
          https://cdn.buttrbase.com/assets/${id}?w=120&q=70} alt="Customer Logo" loading="lazy" />
        
      ))}
    
  );
}

3. SEO & OpenGraph

When someone shares a specific product page or tenant portal on social media, you want a customized preview image. Use our Dynamic OG endpoint to generate these instantly based on route parameters.