refactor: clean up imports and unused variables across components

- Removed unused imports such as `appName` and `Clock` from various files.
- Disabled ESLint rules for specific files to allow for explicit any types and unused variables.
- Updated the `generate-sitemap` and related scripts to streamline the sitemap generation process.
- Refactored the `generate-feeds` and `generate-images-sitemap` scripts to improve readability and maintainability.
- Removed the deprecated `seo-google-indexing-fix` script.
- Enhanced the `tsconfig.json` for better type checking and module resolution.

Author: pphatdev

eslint.config.mjs

@@ -1,15 +1,20 @@
-import { FlatCompat } from '@eslint/eslintrc'
-const compat = new FlatCompat({
-  // import.meta.dirname is available after Node.js v20.11.0
-  baseDirectory: import.meta.dirname,
-})
-const eslintConfig = [
-  ...compat.config({
-    extends: ['next'],
-    rules: {
-      'react/no-unescaped-entities': 'off',
-      '@next/next/no-page-custom-font': 'off',
-    },
-  }),
-]
-export default eslintConfig
+import { FlatCompat } from "@eslint/eslintrc";
+
+const compat = new FlatCompat({
+  baseDirectory: import.meta.dirname,
+});
+
+const eslintConfig = [
+  ...compat.extends("next/core-web-vitals", "next/typescript"),
+  ...compat.config({
+    rules: {
+      "react/no-unescaped-entities": "off",
+      "@next/next/no-page-custom-font": "off",
+    },
+  }),
+  {
+    ignores: ["node_modules/**", ".next/**", "out/**", "build/**", "next-env.d.ts"],
+  },
+];
+
+export default eslintConfig;

package.json

@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "dev": "next dev --turbopack",
-    "generate": "tsc src/scripts/build.ts --outDir build && node build/scripts/build.js && npm run generate:manifest && npm run generate:sitemap && npm run generate:images && npm run generate:feeds",
+    "generate": "tsc --noEmit false src/scripts/build.ts --outDir build && node build/scripts/build.js",
     "generate:manifest": "tsc src/scripts/generate-manifest.ts --outDir build && node build/scripts/generate-manifest.js",
     "generate:sitemap": "tsc --noEmit false src/scripts/generate-sitemap.ts --outDir build/scripts && node build/scripts/scripts/generate-sitemap.js",
     "generate:images": "tsc src/scripts/generate-images-sitemap.ts --outDir build/scripts && node build/scripts/scripts/generate-images-sitemap.js",
@@ -13,13 +13,12 @@
     "optimize:webp": "tsc --noEmit false --esModuleInterop src/scripts/optimize-webp-by-dir.ts --outDir build/scripts && node build/scripts/optimize-webp-by-dir.js",
     "create:blog-images": "tsc --noEmit false --esModuleInterop src/scripts/download-blog-images.ts --outDir build/scripts && node build/scripts/download-blog-images.js",
     "validate:sitemap": "tsc src/scripts/validate-sitemap.ts --outDir build/scripts && node build/scripts/validate-sitemap.js",
-    "seo:indexing": "tsc --noEmit false src/scripts/seo-google-indexing-fix.ts --outDir build/scripts && node build/scripts/seo-google-indexing-fix.js",
     "test:seo": "tsc src/scripts/test-seo-config.ts --outDir build/test && node build/test/test-seo-config.js",
     "test:structured-data": "tsc src/scripts/test-structured-data.ts --outDir build/test && node build/test/test-structured-data.js",
     "pretest": "tsc src/scripts/pretest.ts --outDir build/test && node build/test/pretest.js",
-    "build": "npm run generate && next build",
+    "lint": "eslint .",
+    "build": "npm run lint &&npm run generate && next build",
     "start": "next start",
-    "lint": "next lint",
     "clean": "rm -rf build && rm -rf .next && rm -rf node_modules && rm -rf package-lock.json",
     "reprod": "npm run clean && npm install && npm run build"
   },

src/app/(home)/page.tsx

@@ -26,7 +26,7 @@ const HomeAboutMe = dynamic(() => import("./sections/home-aboutme").then(mod =>
 const HomeFAQSection = dynamic(() => import("./sections/home-faq").then(mod => ({ default: mod.HomeFAQSection })), {
     loading: () => <div className="min-h-25" />,
 });
-const GetInTouchSections = dynamic(() => import("./sections/home-getintouch"));
+// const GetInTouchSections = dynamic(() => import("./sections/home-getintouch"));
 const homeSearchImage = `${NEXT_PUBLIC_APP_URL}/assets/screenshots/home-dark.png`;
 const homeTitle = `${appName} | Senior Front-end Developer & UI/UX Designer`;
 const homeDescription = "Sophat LEAT (PPhat, Sophat L.) is a Senior Front-end Developer at TURBOTECH CO., LTD and Freelance UI/UX Designer in Phnom Penh, Cambodia. Explore projects, case studies, technical articles, blogs, and contact details.";

src/app/(home)/sections/home-feature.tsx

@@ -3,8 +3,8 @@ import { Title } from "@components/ui/title";
 import { cn } from "@lib/utils";
 import {
     IconCloud,
-    IconEaseInOut,
-    IconRouteAltLeft,
+    // IconEaseInOut,
+    // IconRouteAltLeft,
     IconTerminal2,
 } from "@tabler/icons-react";
 

src/app/(home)/sections/home-getintouch.tsx

@@ -35,7 +35,7 @@ export const GetInTouchSections = () => {
             />
 
             {/* Vertical lines */}
-            {['left', 'right'].map((position, index) => (
+            {['left', 'right'].map((position) => (
                 <div
                     key={position}
                     style={{

src/app/(home)/sections/home-project.tsx

@@ -2,7 +2,7 @@
 import { GradientLines } from "@components/background/gradient-line";
 import { BentoGrid } from "@components/ui/bento-grid";
 import { Title } from "@components/ui/title";
-import { BookAIcon, CheckCircle, Globe, TrendingUp, Video } from "lucide-react";
+import { BookAIcon, CheckCircle } from "lucide-react";
 
 
 export const HomeProjects = () => {

src/app/contact/page.tsx

@@ -15,7 +15,7 @@ import Footer from '../../components/layouts/footer';
 
 const BorderBeam = dynamic(() => import("@components/ui/border-beam").then(mod => ({ default: mod.BorderBeam })));
 const GridPattern = dynamic(() => import("@components/ui/grid-pattern").then(mod => ({ default: mod.GridPattern })));
-const Ripple = dynamic(() => import("@components/ui/ripple").then(mod => ({ default: mod.Ripple })));
+// const Ripple = dynamic(() => import("@components/ui/ripple").then(mod => ({ default: mod.Ripple })));
 const ContactHero = dynamic(() => import("@components/heros/contact-hero").then(mod => ({ default: mod.ContactHero })));
 
 export default function ContactPage() {
@@ -122,8 +122,8 @@ export default function ContactPage() {
                 subject: "",
                 message: ""
             });
-        } catch (err: any) {
-            setError(err.message || "Failed to send message. Please try again later.");
+        } catch (err: unknown) {
+            setError(err instanceof Error ? err.message : "Failed to send message. Please try again later.");
             // Scroll to the error message
             window.scrollTo({ top: 0, behavior: 'smooth' });
         } finally {

src/app/not-found.tsx

@@ -1,5 +1,5 @@
 import { Metadata } from 'next';
-import { appName, NEXT_PUBLIC_APP_URL } from '@lib/constants';
+import { NEXT_PUBLIC_APP_URL } from '@lib/constants';
 import Link from 'next/link';
 
 export const metadata: Metadata = {

src/app/posts/[slug]/page.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { getPostBySlug, getPublishedPosts, type PostEntry } from '@lib/content';
+import { getPostBySlug, getPublishedPosts } from '@lib/content';
 import Link from 'next/link';
 import { Metadata } from 'next';
 import { appName, NEXT_PUBLIC_APP_URL } from '@lib/constants';
@@ -8,7 +8,7 @@ import { Badge } from '@components/ui/badge';
 import { Button } from '@components/ui/button';
 import { Separator } from '@components/ui/separator';
 import { Avatar, AvatarFallback, AvatarImage } from '@components/ui/avatar';
-import { ArrowLeftIcon, Calendar, Clock, ExternalLink, Pencil, User } from 'lucide-react';
+import { ArrowLeftIcon, Calendar, Clock, ExternalLink, User } from 'lucide-react';
 import { formatDistanceToNow } from 'date-fns';
 import "../../../styles/code-block-node.css"
 import { GridPattern } from '@components/ui/grid-pattern';

src/components/data-structured/article.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import React from 'react';
 import { NEXT_PUBLIC_APP_URL, appName } from '@lib/constants';