JavaScript Bundle Size Exceeds Vercel Limit

1. Importing entire libraries (lodash, date-fns) instead of specific functions
2. Heavy dependencies without tree-shaking: moment.js, jQuery, momentjs alternatives
3. Dynamic imports not configured, causing all routes bundled together
4. Node modules accidentally included in client bundle
5. No lazy loading for heavy components (charts, editors, maps)

Analyze bundle: Use npm run build then npx next/bundle-analyzer to see what's bloating bundle.

Replace heavy libs: Swap moment.js for date-fns or dayjs, lodash for lodash-es with tree-shaking.

Lazy load components: Use dynamic imports for heavy components:
const Chart = dynamic(() => import('@/components/Chart'), { ssr: false })

Check imports: Replace import _ from 'lodash' with import pick from 'lodash/pick'