portfolio/next.config.ts

import type { NextConfig } from 'next';

/* PocketBase origin — used to allowlist remote images.
 * PB_HOSTNAME and PB_PORT are server-only env vars; safe to read here. */
const pbHostname = process.env.PB_HOSTNAME ?? '127.0.0.1';
const pbPort = process.env.PB_PORT ?? '8090';

const nextConfig: NextConfig = {
  output: 'standalone',
  poweredByHeader: false,
  images: {
    remotePatterns: [
      {
        protocol: 'http',
        hostname: pbHostname,
        port: pbPort,
        pathname: '/api/files/**',
      },
    ],
  },
  experimental: {
    viewTransition: true,
  },
};

export default nextConfig;