next.config.ts

import type { NextConfig } from "next";

// const isDev = process.argv.indexOf("dev") !== -1;
// const isBuild = process.argv.indexOf("build") !== -1;
// if (!process.env.VELITE_STARTED && (isDev || isBuild)) {
//   process.env.VELITE_STARTED = "1";
//   import("velite").then((m) => m.build({ watch: isDev, clean: !isDev }));
// }

const nextConfig: NextConfig = {
  cleanDistDir: true,
  env: {
    NEXT_PUBLIC_BASE_URL: `https://${process.env.VERCEL_PROJECT_PRODUCTION_URL}`,
  },
  experimental: {
    viewTransition: true,
  },
  images: {
    formats: ["image/webp"],
    dangerouslyAllowSVG: true,
    remotePatterns: [
      {
        protocol: "https",
        hostname: "github.com",
      },
      {
        protocol: "https",
        hostname: "avatars.githubusercontent.com",
      },
      {
        protocol: "https",
        hostname: "img.shields.io",
      },
    ],
  },
  pageExtensions: ["js", "jsx", "md", "mdx", "ts", "tsx"],
  reactStrictMode: true,
};

export default nextConfig;