Skip to main content

Add social media links to the footer:

{
"footer": {
"socials": {
"website": "https://example.com",
"github": "https://github.com/example",
"discord": "https://discord.gg/example",
"x": "https://x.com/example",
"linkedin": "https://linkedin.com/company/example"
}
}
}

Supported Social Platforms

  • website - Your website

  • github - GitHub profile/org

  • gitlab - GitLab profile/org

  • discord - Discord server invite

  • slack - Slack workspace

  • x - X (Twitter) profile

  • linkedin - LinkedIn company/profile

  • facebook - Facebook page

  • instagram - Instagram profile

  • youtube - YouTube channel

  • medium - Medium publication

  • threads - Threads profile

  • reddit - Reddit community

Add organized link sections:

{
"footer": {
"links": [
{
"header": "Resources",
"items": [
{
"label": "Documentation",
"href": "/"
},
{
"label": "Guides",
"href": "/getting-started"
},
{
"label": "Changelog",
"href": "/changelog"
}
]
},
{
"header": "Community",
"items": [
{
"label": "Discord",
"href": "https://discord.gg/example"
},
{
"label": "GitHub",
"href": "https://github.com/example"
}
]
},
{
"header": "Legal",
"items": [
{
"label": "Privacy Policy",
"href": "/privacy"
},
{
"label": "Terms of Service",
"href": "/terms"
}
]
}
]
}
}

Complete Example

{
"footer": {
"socials": {
"website": "https://example.com",
"github": "https://github.com/example",
"discord": "https://discord.gg/example",
"x": "https://x.com/example",
"linkedin": "https://linkedin.com/company/example"
},
"links": [
{
"header": "Resources",
"items": [
{
"label": "Documentation",
"href": "/"
},
{
"label": "Guides",
"href": "/getting-started"
}
]
},
{
"header": "Community",
"items": [
{
"label": "Discord",
"href": "https://discord.gg/example"
}
]
}
]
}
}

Footer sections automatically arrange in columns based on screen size.