Social Media

Manages social media links displayed on the website, each item is MenuItem.

src/config/social-config.tsx

export function getSocialLinks(): MenuItem[] {
  const socialLinks: MenuItem[] = [];

  if (websiteConfig.metadata.social?.github) {
    socialLinks.push({
      title: 'GitHub',
      href: websiteConfig.metadata.social.github,
      icon: <GitHubIcon className="size-4 shrink-0" />,
    });
  }

  // Additional social links based on config...

  return socialLinks;
}

The function dynamically generates social media links based on the URLs provided in the website.tsx configuration. This ensures consistency between your configuration and what's displayed to users.

Social

Video Tutorial

Next Steps

Now that you understand the social media configuration, explore these related topics:

Website Configuration

Configure core settings for your MkSaaS website

Footer Configuration

Configure the links in the website footer

Avatar Configuration

Configure the user avatar dropdown menu

Price Configuration

Configure your subscription plans and pricing

Manages social media links displayed on the website, each item is MenuItem.

src/config/social-config.tsx

export function getSocialLinks(): MenuItem[] {
  const socialLinks: MenuItem[] = [];

  if (websiteConfig.metadata.social?.github) {
    socialLinks.push({
      title: 'GitHub',
      href: websiteConfig.metadata.social.github,
      icon: <GitHubIcon className="size-4 shrink-0" />,
    });
  }

  // Additional social links based on config...

  return socialLinks;
}

The function dynamically generates social media links based on the URLs provided in the website.tsx configuration. This ensures consistency between your configuration and what's displayed to users.

Social