FAQ

General

What is the Social Media Dashboard Kit?

A production-ready Next.js template with 35+ screens for building a social media management dashboard. It includes a cross-platform home dashboard, platform-specific dashboards for Instagram, Twitter/X, Facebook, LinkedIn, TikTok, and YouTube, a content calendar with drag-and-drop scheduling, a post composer with multi-platform previews, 8 analytics screens (audience, engagement, hashtags, best times, competitors, stories/reels, sentiment), reports, a unified social inbox, media library, and settings pages -- all built with Tailwind CSS v4 and shadcn/ui. It is a frontend UI kit, not a hosted social media platform.

What tech stack does it use?

Next.js 16, React 19, Tailwind CSS v4 with oklch tokens, shadcn/ui components, TypeScript, Recharts for analytics charts, @hello-pangea/dnd for drag-and-drop, date-fns for date formatting, Zod for form validation, cmdk for the command palette, and react-day-picker for calendar date selection.

Does the calendar support real drag-and-drop?

Yes. The content calendar uses @hello-pangea/dnd (a maintained fork of react-beautiful-dnd) for fully functional drag-and-drop rescheduling. Post pills can be dragged between day cells to reschedule them.

Which social platforms are included?

Six platforms: Instagram, Twitter/X, Facebook, LinkedIn, TikTok, and YouTube. Each has a dedicated platform dashboard, platform-specific colors, and dedicated badge/icon components. Adding new platforms is straightforward -- see the Customization guide.

Is a backend included?

No. The kit is frontend-only. All pages use mock data from data/seed.ts. Replace with API calls, social media platform APIs, or database queries when building your product.

Licensing

What license types are available?

Each purchase includes a license for either Solo (1 developer), Team (up to 5 developers), or Agency (unlimited developers + client delivery). See the product page for pricing details.

Can I use this for client projects?

With the Agency license, yes -- you can use the kit in unlimited client projects. The Solo and Team licenses are for your own products only.

Can I resell this template?

No. The license permits use in end products but does not allow redistribution or resale of the template itself, whether modified or unmodified.

Technical

Can I connect this to real social media APIs?

Yes. Replace the seed data imports in your page components with API calls to Instagram Graph API, Twitter API v2, Facebook Graph API, LinkedIn API, TikTok API, or YouTube Data API. The component interfaces accept standard props (followers, engagement, impressions, reach), so you map your API responses to the existing types. See the Customization guide for integration examples.

Can I integrate with social media management tools like Buffer or Hootsuite?

Yes. The kit's component interfaces are designed to work with any data source. Replace the seed data with API calls to Buffer, Hootsuite, Sprout Social, or any scheduling/analytics platform. See the Customization guide for code examples.

Does it work with existing Next.js projects?

Yes. Copy components/, data/, and types/ directories into your project. Install dependencies and import the design tokens from globals.css. See the Installation guide for details.

Can I add internationalization (i18n)?

Not out of the box. The template uses English strings. To add i18n, integrate next-intl or react-i18next and replace hardcoded strings with translation keys.

Can I use npm instead of pnpm?

Yes. All three package managers work. The kit ships with a pnpm-lock.yaml but you can use npm install or yarn install instead.

How do I add new shadcn/ui components?

The kit is compatible with the shadcn/ui CLI:

npx shadcn@latest add <component-name>

Components install to components/ui/ and integrate seamlessly with the existing design tokens.

How does dark mode work?

The kit uses next-themes for theme switching with class-based dark mode. All design tokens have light and dark mode values defined using oklch color functions in globals.css. Use the ThemeToggle component in the header to switch themes. Every screen, chart, and component adapts automatically. Platform brand colors (Instagram pink, Twitter blue, etc.) remain consistent across both modes.

How do I add a new social platform?

Add the platform name to the SocialPlatform type in types/index.ts, add the icon and brand color to the PlatformIcon and PlatformBadge components, and update the seed data. The dynamic route at /platforms/[platform] will automatically render a dashboard for the new platform. See the Customization guide for step-by-step instructions.

Support

How do I get support?

Email support@thefrontkit.com or visit the Support page.

What's the refund policy?

7-day money-back guarantee, no questions asked.

How do I report bugs?

Email the details to support@thefrontkit.com with steps to reproduce, browser version, and screenshots if applicable. We will address it in the next update.