new-component

name	new-component
description	Scaffold a new React component following project conventions — section separators, Props interface, named exports, proper placement in _components/ or components/

New Component Scaffolding

Generate a new component that follows all homeflix conventions. The user provides the component name and location.

Inputs

The user should specify:

1. Component name — PascalCase (e.g., CastSection, MovieStats)
2. Location — Either:
   • A route path for route-private components → placed in _components/ under that route
   • components/ for shared cross-route components
3. Data-fetching? — Whether this component owns a query (most do in this codebase)
4. Multi-file? — Whether it needs sub-components in separate files (folder with index.tsx) or is standalone (single .tsx file)

Template: Single-file data-fetching component

This is the most common pattern. Generate this unless told otherwise:

'use client';

// External imports
import { useQuery } from '@tanstack/react-query';

// API/options imports
// import { someQueryOptions } from '@/options/queries/...';

// Shared component imports
import { Query } from '@/components/query';
 {  }  ;











 {}() {
   (
    
  );
}





 {} {
  
}

 {}({}: {}) {
   (
    
  );
}





 {} {
  
}

 {}({}: {}) {
  

  
  
  
  
  
  
  
  
  
  

   ; 
}

  { {} };
 { {} };