> ## Documentation Index
> Fetch the complete documentation index at: https://developer.dashsocial.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Dash Social Developer Docs

> Everything you need to integrate with the Dash Social API — from social commerce and reporting to scheduling and social listening.

<div className="w-full py-16 px-8" style={{background: "#EBF2FB"}}>
  <div className="max-w-3xl mx-auto text-center">
    <h1 className="font-bold mb-4" style={{fontFamily: "'Red Hat Display', sans-serif", fontSize: "48px", lineHeight: "1.15", color: "#0A0A0A"}}>
      Dash Social Developer Docs
    </h1>

    <p className="mb-8" style={{fontFamily: "'Red Hat Text', sans-serif", fontSize: "18px", color: "#6B7280", maxWidth: "560px", margin: "0 auto 2rem"}}>
      Build powerful integrations with the Dash Social API. Pull performance data, manage social commerce, schedule content, and monitor brand sentiment.
    </p>

    <div className="flex gap-4 justify-center flex-wrap">
      <a href="/guides/get-started/quickstart" className="inline-flex items-center no-underline dash-btn" style={{background: "#000000", borderRadius: "9999px", padding: "0px 24px", height: "40px", fontFamily: "Inter, sans-serif", fontWeight: 500, fontSize: "14px", lineHeight: "22px", color: "#FFFFFF", textAlign: "center", fontFeatureSettings: "'cv13' on, 'cv12' on, 'cv11' on, 'cv01' on"}}>
        Get started
      </a>

      <a href="/api-reference/introduction" className="inline-flex items-center no-underline dash-btn" style={{background: "#ffffff", borderRadius: "9999px", padding: "0px 24px", height: "40px", border: "1px solid #000000", fontFamily: "Inter, sans-serif", fontWeight: 500, fontSize: "14px", lineHeight: "22px", color: "#000000", textAlign: "center", fontFeatureSettings: "'cv13' on, 'cv12' on, 'cv11' on, 'cv01' on"}}>
        API reference
      </a>
    </div>
  </div>
</div>

<div style={{borderTop: "1px solid #E5E7EB"}} className="max-w-5xl mx-auto px-8 pt-16 pb-8">
  <h2 style={{fontFamily: "'Red Hat Display', sans-serif", fontSize: "24px", fontWeight: 700, color: "#0A0A0A", marginBottom: "24px"}}>Quick links</h2>

  <div className="grid gap-4" style={{gridTemplateColumns: "repeat(2, 1fr)"}}>
    {[
            { icon: "key", title: "Authentication", desc: "Get your API key and make your first authenticated request in minutes.", href: "/guides/get-started/quickstart" },
            { icon: "terminal", title: "API Reference", desc: "Browse the complete endpoint documentation with an interactive playground.", href: "/api-reference/introduction" },
          ].map(({ icon, title, desc, href }) => (
            <a key={title} href={href} className="no-underline" style={{display: "flex", flexDirection: "column", alignItems: "center", textAlign: "center", padding: "32px 24px", background: "#ffffff", border: "1px solid #E5E7EB", borderRadius: "12px", cursor: "pointer", textDecoration: "none"}}>
              <div style={{marginBottom: "16px"}}>
                <svg className="size-8 bg-primary" style={{maskImage: `url("https://d3gk2c5xim1je2.cloudfront.net/v7.1.0/regular/${icon}.svg")`, maskRepeat: "no-repeat", maskPosition: "center center"}}></svg>
              </div>
              <div style={{fontFamily: "'Red Hat Display', sans-serif", fontWeight: 700, fontSize: "16px", color: "#0A0A0A", marginBottom: "8px"}}>{title}</div>
              <div style={{fontFamily: "'Red Hat Text', sans-serif", fontSize: "14px", color: "#6B7280", lineHeight: "1.5"}}>{desc}</div>
            </a>
          ))}
  </div>
</div>

<div className="max-w-5xl mx-auto px-8 pt-8 pb-16">
  <h2 style={{fontFamily: "'Red Hat Display', sans-serif", fontSize: "24px", fontWeight: 700, color: "#0A0A0A", marginBottom: "24px"}}>What can you build?</h2>

  <div className="grid grid-cols-2 gap-4" style={{gridTemplateColumns: "repeat(2, 1fr)"}}>
    {[
            { icon: "chart-line", title: "Reporting & Analytics", desc: "Pull cross-channel performance metrics, export dashboard reports, and track content analytics.", href: "/guides/reporting/get-post-performance-data-across-all-channels" },
            { icon: "bag-shopping", title: "Social Commerce", desc: "Set up shoppable galleries, product feeds, and LikeShop widgets. Sell directly from social content.", href: "/guides/social-commerce/get-started-with-social-commerce" },
            { icon: "bullhorn", title: "Campaigns", desc: "Pull campaign performance data and connect ad campaigns to track ROI across platforms.", href: "/guides/campaigns/get-campaign-performance-data" },
            { icon: "calendar", title: "Scheduler", desc: "Schedule and publish posts programmatically across Instagram, TikTok, Facebook, and more.", href: "/guides/scheduler/schedule-social-media-posts-with-the-dash-api" },
            { icon: "ear", title: "Social Listening", desc: "Monitor brand mentions and sentiment in real time to stay ahead of conversations about your brand.", href: "/guides/social-listening/monitor-brand-mentions-with-social-listening-api" },
            { icon: "comments", title: "Community", desc: "Access and manage community interactions, comments, and messages across all connected channels.", href: "/guides/community/community-integration" },
            { icon: "photo-film", title: "Library API", desc: "Manage media libraries, galleries, and product associations programmatically.", href: "/api-reference/library/gallery/list-galleries" },
            { icon: "plug", title: "Integrations", desc: "Connect Dash Social data to BigQuery, Salesforce, and other platforms in your data stack.", href: "/guides/integration/connect-bigquery-to-dash-social/index" },
          ].map(({ icon, title, desc, href }) => (
            <a key={title} href={href} className="no-underline" style={{display: "flex", flexDirection: "column", alignItems: "center", textAlign: "center", padding: "32px 24px", background: "#ffffff", border: "1px solid #E5E7EB", borderRadius: "12px", cursor: "pointer", textDecoration: "none"}}>
              <div style={{marginBottom: "16px"}}>
                <svg className="size-8 bg-primary" style={{maskImage: `url("https://d3gk2c5xim1je2.cloudfront.net/v7.1.0/regular/${icon}.svg")`, maskRepeat: "no-repeat", maskPosition: "center center"}}></svg>
              </div>
              <div style={{fontFamily: "'Red Hat Display', sans-serif", fontWeight: 700, fontSize: "16px", color: "#0A0A0A", marginBottom: "8px"}}>{title}</div>
              <div style={{fontFamily: "'Red Hat Text', sans-serif", fontSize: "14px", color: "#6B7280", lineHeight: "1.5"}}>{desc}</div>
            </a>
          ))}
  </div>
</div>

<div className="w-full py-16 px-8 text-center" style={{background: "#EBF2FB"}}>
  <h2 className="font-bold mb-3" style={{fontFamily: "'Red Hat Display', sans-serif", fontSize: "32px", color: "#0A0A0A"}}>
    Don't see what you're looking for?
  </h2>

  <p className="mb-8" style={{fontFamily: "'Red Hat Text', sans-serif", fontSize: "16px", color: "#6B7280"}}>
    Contact our developer support team for help.
  </p>

  <a href="mailto:api@dashsocial.com" className="inline-flex items-center no-underline dash-btn" style={{background: "#000000", borderRadius: "9999px", padding: "0px 24px", height: "40px", fontFamily: "Inter, sans-serif", fontWeight: 500, fontSize: "14px", lineHeight: "22px", color: "#FFFFFF", textAlign: "center", fontFeatureSettings: "'cv13' on, 'cv12' on, 'cv11' on, 'cv01' on"}}>
    Contact Support
  </a>
</div>

<div className="w-full px-8 py-6" style={{background: "#F9FAFB", borderTop: "1px solid #E5E7EB"}}>
  <div className="max-w-5xl mx-auto" style={{display: "flex", justifyContent: "space-between", alignItems: "center"}}>
    <div style={{fontFamily: "'Red Hat Text', sans-serif", fontSize: "13px", color: "#9CA3AF"}}>© 2025 Dash Hudson Inc.</div>

    <div style={{display: "flex", gap: "24px"}}>
      {[
                  ["Terms of Service", "https://www.dashsocial.com/terms"],
                  ["Privacy Policy", "https://www.dashsocial.com/privacy"],
                  ["Compliance", "https://www.dashsocial.com/compliance"],
                ].map(([label, href]) => (
                  <a key={label} href={href} style={{fontFamily: "'Red Hat Text', sans-serif", fontSize: "13px", color: "#9CA3AF", textDecoration: "none"}}>{label}</a>
                ))}
    </div>
  </div>
</div>
