diff --git a/web/next.config.js b/web/next.config.ts
similarity index 88%
rename from web/next.config.js
rename to web/next.config.ts
index 1457d638c4..fc4dee3289 100644
--- a/web/next.config.js
+++ b/web/next.config.ts
@@ -1,3 +1,4 @@
+import type { NextConfig } from 'next'
 import process from 'node:process'
 import withBundleAnalyzerInit from '@next/bundle-analyzer'
 import createMDX from '@next/mdx'
@@ -24,10 +25,9 @@ const withBundleAnalyzer = withBundleAnalyzerInit({
 const hasSetWebPrefix = process.env.NEXT_PUBLIC_WEB_PREFIX
 const port = process.env.PORT || 3000
 const locImageURLs = !hasSetWebPrefix ? [new URL(`http://localhost:${port}/**`), new URL(`http://127.0.0.1:${port}/**`)] : []
-const remoteImageURLs = [hasSetWebPrefix ? new URL(`${process.env.NEXT_PUBLIC_WEB_PREFIX}/**`) : '', ...locImageURLs].filter(item => !!item)
+const remoteImageURLs = ([hasSetWebPrefix ? new URL(`${process.env.NEXT_PUBLIC_WEB_PREFIX}/**`) : '', ...locImageURLs].filter(item => !!item)) as URL[]
 
-/** @type {import('next').NextConfig} */
-const nextConfig = {
+const nextConfig: NextConfig = {
   basePath: process.env.NEXT_PUBLIC_BASE_PATH || '',
   serverExternalPackages: ['esbuild-wasm'],
   transpilePackages: ['echarts', 'zrender'],
@@ -42,7 +42,7 @@ const nextConfig = {
   // https://nextjs.org/docs/messages/next-image-unconfigured-host
   images: {
     remotePatterns: remoteImageURLs.map(remoteImageURL => ({
-      protocol: remoteImageURL.protocol.replace(':', ''),
+      protocol: remoteImageURL.protocol.replace(':', '') as 'http' | 'https',
       hostname: remoteImageURL.hostname,
       port: remoteImageURL.port,
       pathname: remoteImageURL.pathname,