GPT

Next.js Dashboard Setup with Shadcn/UI

// components/dashboard/header.tsx export function Header() { return ( ) } // components/dashboard/sidebar.tsx export function Sidebar() { return ( {/ Add navigation items /} ) }

Prompt text

Original English text. Replace placeholders with your own details.

// components/dashboard/header.tsx
 export function Header() {
 return (
 <header className="border-b">
 <div className="flex h-16 items-center px-4">
 <div className="ml-auto flex items-center space-x-4">
 <ThemeToggle />
 </div>
 </div>
 </header>
 )
 }

 // components/dashboard/sidebar.tsx
 export function Sidebar() {
 return (
 <div className="hidden border-r bg-background md:block md:w-64">
 <div className="space-y-4 py-4">
 {/* Add navigation items */}
 </div>
 </div>
 )
 }

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →