Next.jsReactAdmin dashboard

content-dashboard — Next.js Admin dashboard Template

By jrgramsdev

An Instagram content-planning dashboard built on Next.js 15 App Router, React 19, and TypeScript, with seven sidebar-navigated views and data from typed seed files.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews

Desktop homepage1 / 2

Visit websiteOpens in a new tab

Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-14View source

What stands out

A quick read of the recorded project description.

Seven sidebar-navigated views: metrics, calendar, posts, stories, templates, playbook, and hashtags

Uses Next.js 15 App Router, with all routes statically pre-rendered

React 19 + TypeScript + Tailwind CSS

Data comes from the typed seed file src/data/content.ts; the README says swapping in a live API is a data-layer change

The README notes the seed data is illustrative and contains no credentials or real account data

Template Details

This is a dashboard for planning and tracking brand Instagram content, which the author calls the internal command center for the self-operated DTC brand 3GRAMS. The app uses sidebar navigation and includes seven route views: /metrics shows an engagement and growth overview, /calendar provides a content scheduling calendar, /posts manages the post workflow from draft to published, /stories is for story planning, /templates holds reusable post templates, /playbook records content strategy, and /hashtags organizes tag sets by topic.

The tech stack is Next.js 15 App Router, React 19, TypeScript, and Tailwind CSS, and all routes are statically pre-rendered. Data comes from the typed seed file src/data/content.ts, and the README states that the UI is the focus and that swapping in a live API or the Instagram Graph API is a data-layer change rather than a rewrite.

The README notes that the seed data is illustrative only and contains no credentials or real account data, so the repository runs and builds without configuration. The README provides no further information about live data integration, authentication, deployment process, or production readiness.

Next.jsReactBackend

Is it right for your project?

Use Cases

Planning the schedule and publishing workflow for brand Instagram posts
Organizing and managing tag sets by topic
Recording and consulting content strategy and reusable post templates
Viewing an overview of engagement and growth metrics

Suitable For

Teams that need an internal Instagram content-planning tool
Developers who want to build on a dashboard based on Next.js and TypeScript
Frontend projects looking for a reference for a sidebar multi-view dashboard structure

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
Run npm install to install dependencies
2
Run npm run dev to start the development server at http://localhost:3000
3
Run npm run build for static export, generating 8 routes
4
The README states it runs and builds without configuring credentials

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This listing covers the free version under the MIT license in the public repository; the free scope is that version's code and does not mean external services or third-party assets are free.

Must comply with when using

You may use, modify, commercialize, and distribute this version's code for free.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
External services such as domains, hosting, databases, payments, or AI may incur separate charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

https://github.com/jrgramsdev/content-dashboard/blob/main/LICENSE https://github.com/jrgramsdev/content-dashboard/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-14. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms: GitHub
Documentation and maintenance reference score: More documented · 85 / 100
Technologies: Next.js · React
Website type: Admin dashboard

How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded: 2026-08-11
Screenshot last checked: 2026-10-14

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Next.js as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: codex-user-requested-batch-review-20261015 · 2026-10-15

Inspect the recorded source material

SHA-256: 9063476472df52104c4a56a1018365286666c5420638c382daa091d077414048

2026-10-14T22:42:09.524Z

Source file / repository

# Content Dashboard

A **Next.js 15 (App Router) + React + TypeScript** dashboard for planning and
tracking a brand's Instagram content — built as the internal command center for
3GRAMS, a direct-to-consumer brand I ran.

Seven views, one sidebar-navigated app:

| Route | What it does |
| --- | --- |
| `/metrics` | Engagement and growth at a glance |
| `/calendar` | Content calendar for scheduling posts |
| `/posts` | Post pipeline — drafts through published |
| `/stories` | Story planning |
| `/templates` | Reusable post templates |
| `/playbook` | The content strategy, written down |
| `/hashtags` | Hashtag sets by theme |

## Stack

- **Next.js 15** with the App Router (all routes statically prerendered)
- **React 19** + **TypeScript**
- **Tailwind CSS**
- Data is a typed seed file (`src/data/content.ts`) — the UI is the focus; swapping
  it for a live API or the Instagram Graph API is a data-layer change, not a rewrite.

## Run it

```bash
npm install
npm run dev     # http://localhost:3000
npm run build   # static export, 8 routes
```

## Notes

Built with an AI-native workflow (Claude Code). The seed data is illustrative — no
credentials, no live account data — so the repo runs and builds with nothing to
configure.

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

next-shadcn-dashboard-starter

An MIT-licensed admin dashboard starter built with Next.js 16, shadcn/ui, Tailwind CSS v4, and TypeScript.

Next.js · Admin dashboard

Studio Admin · Radix UI

Studio Admin is an admin dashboard template built with Next.js 16, TypeScript, Tailwind CSS v4, and Shadcn UI.

Next.js · Admin dashboard

free-nextjs-admin-dashboard

A free, open-source admin dashboard template built on Next.js 16, React 19, TypeScript, and Tailwind CSS v4. It provides a collapsible sidebar, charts, tables, authentication forms, modals, dropdowns, and dark mode, with internationalization and RTL support since version 2.4.0.

Next.js · Admin dashboard

materio-mui-nextjs-admin-template-free

Materio Free is a Next.js admin dashboard template based on App Router and MUI, integrating Tailwind CSS and available in TypeScript and JavaScript versions.

Next.js · Admin dashboard

nextjs-postgres-nextauth-tailwindcss-template

A Vercel-maintained Next.js App Router admin dashboard starter with Auth.js GitHub OAuth, Postgres, Tailwind CSS, and Shadcn UI, plus a sample products table, seed endpoint, and CRUD interface.

Next.js · Admin dashboard

shadcn-dashboard-landing-template

An open-source admin dashboard and marketing landing page template built on shadcn/ui and Tailwind CSS, with both Vite + React and Next.js versions in one repository.

Next.js · Admin dashboard