gbanyan
ba60d49fc6
Configure @next/bundle-analyzer for production bundle analysis: **Changes:** - Install @next/bundle-analyzer package - Update next.config.mjs to wrap config with bundle analyzer - Add npm script `build:analyze` to run build with ANALYZE=true - Bundle analyzer only enabled when ANALYZE=true environment variable is set **Usage:** ```bash # Run build with bundle analysis npm run build:analyze # Opens interactive bundle visualization in browser # Shows chunk sizes, module dependencies, and optimization opportunities ``` **Note:** Kept Mastodon feed as Client Component (not Server Component) because formatRelativeTime() uses `new Date()` which requires dynamic rendering. Converting to Server Component would prevent static generation. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
45 lines
1.0 KiB
JavaScript
45 lines
1.0 KiB
JavaScript
import bundleAnalyzer from '@next/bundle-analyzer';
|
|
|
|
const withBundleAnalyzer = bundleAnalyzer({
|
|
enabled: process.env.ANALYZE === 'true',
|
|
});
|
|
|
|
/** @type {import('next').NextConfig} */
|
|
const nextConfig = {
|
|
// Image optimization configuration
|
|
images: {
|
|
remotePatterns: [],
|
|
formats: ['image/avif', 'image/webp'],
|
|
deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
|
|
imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
|
|
},
|
|
|
|
// Enable Partial Prerendering (PPR) via cacheComponents in Next.js 16
|
|
cacheComponents: true,
|
|
|
|
// Compiler optimizations
|
|
compiler: {
|
|
// Remove console.log in production
|
|
removeConsole: process.env.NODE_ENV === 'production' ? {
|
|
exclude: ['error', 'warn'],
|
|
} : false,
|
|
},
|
|
|
|
// Headers for better caching
|
|
async headers() {
|
|
return [
|
|
{
|
|
source: '/assets/:path*',
|
|
headers: [
|
|
{
|
|
key: 'Cache-Control',
|
|
value: 'public, max-age=31536000, immutable',
|
|
},
|
|
],
|
|
},
|
|
];
|
|
},
|
|
};
|
|
|
|
export default withBundleAnalyzer(nextConfig);
|