---
title: "Community Templates · Nuxt OG Image · Nuxt SEO"
canonical_url: "https://nuxtseo.com/docs/og-image/v5/guides/community-templates"
last_updated: "2026-08-16T10:00:30.231Z"
meta:
  description: "Community templates that are included with the module, including NuxtSeo."
  "og:description": "Community templates that are included with the module, including NuxtSeo."
  "og:title": "Community Templates · Nuxt OG Image · Nuxt SEO"
---

Nuxt SEO on GitHub

You're viewing **OG Image v5** documentation. For the latest, [~~switch to v6~~](https://nuxtseo.com/docs/og-image/getting-started/introduction).

](https://nuxtseo.com/docs/og-image/v5/getting-started/introduction)

](https://nuxtseo.com/docs/og-image/v5/api/define-og-image)

](https://nuxtseo.com/docs/og-image/v5/releases/v5)

Switch to OG Image](https://nuxtseo.com/docs/og-image/getting-started/introduction)Switch to Nuxt SEO](https://nuxtseo.com/docs/nuxt-seo/getting-started/introduction)Switch to Robots](https://nuxtseo.com/docs/robots/getting-started/introduction)Switch to Sitemap](https://nuxtseo.com/docs/sitemap/getting-started/introduction)Switch to Schema.org](https://nuxtseo.com/docs/schema-org/getting-started/introduction)Switch to Link Checker](https://nuxtseo.com/docs/link-checker/getting-started/introduction)Switch to SEO Utils](https://nuxtseo.com/docs/seo-utils/getting-started/introduction)Switch to Site Config](https://nuxtseo.com/docs/site-config/getting-started/introduction)Switch to Skew Protection](https://nuxtseo.com/docs/skew-protection/getting-started/introduction)Switch to AI Ready](https://nuxtseo.com/docs/ai-ready/getting-started/introduction)

**Core Concepts**

# **Community Templates**

## NuxtSeo

![NuxtSeo Template](https://nuxtseo.com/og-image/community-template.png)

The `**NuxtSeo**` template is the default one provided for you. It comes with a number of props to let you customise it however you like.

Like all Community templates, it's recommended to copy+paste it into your project if you want to customise it. You can find the source on [**~~GitHub~~**](https://github.com/nuxt-modules/og-image/blob/main/src/runtime/app/components/Templates/Community/Nuxt.vue).

## Props

### `**title**`

**Type:** `**string**` **Default:** `**<title>**`

The title of the page. This will be used as the main heading.

### `**description**`

**Type:** `**string**` **Default:** `**<meta name="description" />**`

The description of the page. This will be used as the subheading.

### `**icon**`

**Type:** `**string**` | `**boolean**` **Default:** `**false**`

The icon of the page. This will be used as the main image. Requires Nuxt Icon to be installed.

### `**siteName**`

**Type:** `**string**` **Default:** Site Name from [**~~Nuxt Site Config~~**](https://nuxtseo.com/site-config/guides/setting-site-config)

Sets the bottom centered text of the template.

### `**siteLogo**`

**Type:** `**string**`

Replaces the site name and the Nuxt Seo logo with a custom image.

See the [**~~Icons and Images~~**](https://nuxtseo.com/docs/og-image/guides/icons-and-images) guide for more information.

### `**theme**`

**Type:** `**string**` **Default:** `**#00dc82**`

Changes the theme of the template. You should either provide a hexadecimal color or a valid rgb.

For example: `**#d946ef**`

### `**colorMode**`

**Type:** `**light**` | `**dark**` **Default:** `**light**`

Changes from a light or dark background / text color. Integrates with `**@nuxtjs/color-mode**`, selecting your default color mode.

**Was this page helpful?**

[**Styling** How to style your OG Images.](https://nuxtseo.com/docs/og-image/v5/guides/styling) [**Error pages** How to display og images for error pages](https://nuxtseo.com/docs/og-image/v5/guides/error-pages)