Lazy Loading von schweren Komponenten mit dynamischen Importen

// app/dashboard/page.js
import dynamic from 'next/dynamic';
 
// Load chart component only when needed on client side
const HeavyChart = dynamic(() => import('../components/HeavyChart'), {
  loading: () => <p>Loading chart...</p>
});
 
export default function Dashboard() {
  return <HeavyChart />;
}