Dynamic OG Image Showcase

This page demonstrates the different dynamic OpenGraph image styles available for TechieNeighbor's services. These images are automatically generated when sharing our pages on social media platforms.

Web Development Services

Used on the main website

Web Development OG Image

Smart Home Services

Used on the home-improvement page

Smart Home OG Image

All Available Styles

Svelte Technology

Svelte OG Image

Next.js Technology

Next.js OG Image

UniFi Networking

UniFi OG Image

Home Assistant

Home Assistant OG Image

Default Style

Default OG Image

How to Use Dynamic OG Images

To use dynamic OG images on any page, add the SEO component with the appropriate parameters:

<script>
  import SEO from '$lib/components/SEO.svelte';
</script>

<SEO 
  title="Page Title"
  description="Page description"
  useDynamicOG=true
  ogTitle="Custom OG Title"
  ogSubtitle="Custom OG Subtitle"
  ogTech="svelte" // Options: svelte, nextjs, unifi, homeassistant, or default
/>

Available Technology Themes:

  • svelte - Orange gradient with Svelte logo
  • nextjs - Black gradient with Next.js logo
  • unifi - Blue gradient with UniFi logo
  • homeassistant - Light blue gradient with Home Assistant logo
  • default - Teal gradient with TechieNeighbor logo