chore: update node and metadata imports

mrepol742 · mrepol742 · commit cc4d49fc955a · 2026-05-25T11:34:36.000+08:00
- bump node in ci from 22 to 24
- replace next metadata imports with next/types across pages
- update cta import path to components/common/ui/CTA
- fix absolute import for DashboardWithKey and other paths
- add revalidate exports and clarify sitemap revalidate comment
- bump package-lock version to 0.2.0 and prune stale entries
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
@@ -23,7 +23,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: 22
+          node-version: 24
 
       - name: Install dependencies
         run: npm ci
diff --git a/app/(public)/(auth)/login/page.tsx b/app/(public)/(auth)/login/page.tsx
@@ -1,9 +1,7 @@
 import Link from "next/link";
 import Image from "next/image";
 import LoginForm from "@/app/components/auth/LoginForm";
-import { Metadata } from "next";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faChevronLeft } from "@fortawesome/free-solid-svg-icons";
+import { Metadata } from "next/types";
 
 export const metadata: Metadata = {
   title: "Login - Devpulse",
diff --git a/app/(public)/(auth)/signup/page.tsx b/app/(public)/(auth)/signup/page.tsx
@@ -1,9 +1,7 @@
 import Link from "next/link";
 import Image from "next/image";
 import SignupForm from "@/app/components/auth/SignupForm";
-import { Metadata } from "next";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faChevronLeft } from "@fortawesome/free-solid-svg-icons";
+import { Metadata } from "next/types";
 
 export const metadata: Metadata = {
   title: "Sign Up - Devpulse",
diff --git a/app/(public)/flex/page.tsx b/app/(public)/flex/page.tsx
@@ -1,12 +1,12 @@
 import { createClient } from "../../lib/supabase/server";
 import Footer from "@/app/components/layout/Footer";
-import CTA from "@/app/components/layout/CTA";
+import CTA from "@/app/components/common/ui/CTA";
 import BackButton from "@/app/components/leaderboard/BackButton";
 import Image from "next/image";
 import { timeAgo } from "@/app/utils/time";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faExternalLink } from "@fortawesome/free-solid-svg-icons";
-import { Metadata } from "next";
+import { Metadata } from "next/types";
 
 export const metadata: Metadata = {
   title: "Flexes - Devpulse",
diff --git a/app/(public)/join/[code]/page.tsx b/app/(public)/join/[code]/page.tsx
@@ -1,4 +1,4 @@
-import { Metadata } from "next";
+import { Metadata } from "next/types";
 import { createClient } from "../../../lib/supabase/server";
 import { redirect } from "next/navigation";
 
diff --git a/app/(public)/join/page.tsx b/app/(public)/join/page.tsx
@@ -1,4 +1,4 @@
-import { Metadata } from "next";
+import { Metadata } from "next/types";
 import { createClient } from "../../lib/supabase/server";
 import JoinButton from "../../components/JoinButton";
 import Footer from "@/app/components/layout/Footer";
diff --git a/app/(public)/leaderboard/[slug]/page.tsx b/app/(public)/leaderboard/[slug]/page.tsx
@@ -4,7 +4,7 @@ import LeaderboardTable, {
 } from "../../../components/LeaderboardTable";
 import LeaderboardHeader from "@/app/components/leaderboard/Header";
 import Footer from "@/app/components/layout/Footer";
-import CTA from "@/app/components/layout/CTA";
+import CTA from "@/app/components/common/ui/CTA";
 import { getUserWithProfile } from "@/app/lib/supabase/help/user";
 
 export default async function LeaderboardPage(props: {
diff --git a/app/(public)/leaderboard/page.tsx b/app/(public)/leaderboard/page.tsx
@@ -1,9 +1,9 @@
 import BackButton from "@/app/components/leaderboard/BackButton";
 import { createClient } from "../../lib/supabase/server";
 import Footer from "@/app/components/layout/Footer";
-import CTA from "@/app/components/layout/CTA";
+import CTA from "@/app/components/common/ui/CTA";
 import Image from "next/image";
-import { Metadata } from "next";
+import { Metadata } from "next/types";
 import { getUserWithProfile } from "@/app/lib/supabase/help/user";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faArrowRight } from "@fortawesome/free-solid-svg-icons";
diff --git a/app/d/admin/page.tsx b/app/d/admin/page.tsx
@@ -1,6 +1,6 @@
 import Dashboard from "@/app/components/admin/Dashbord";
 import { getUserWithProfile } from "@/app/lib/supabase/help/user";
-import { Metadata } from "next";
+import { Metadata } from "next/types";
 import { redirect } from "next/navigation";
 
 export const metadata: Metadata = {
diff --git a/app/d/chat/page.tsx b/app/d/chat/page.tsx
@@ -1,6 +1,6 @@
 import Chat from "@/app/components/Chat";
 import { getUserWithProfile } from "@/app/lib/supabase/help/user";
-import { Metadata } from "next";
+import { Metadata } from "next/types";
 import { redirect } from "next/navigation";
 
 export const metadata: Metadata = {
diff --git a/app/d/flex/page.tsx b/app/d/flex/page.tsx
@@ -1,6 +1,6 @@
 import Flex from "@/app/components/Flex";
 import { getUserWithProfile } from "@/app/lib/supabase/help/user";
-import { Metadata } from "next";
+import { Metadata } from "next/types";
 import { redirect } from "next/navigation";
 
 export const metadata: Metadata = {
diff --git a/app/d/leaderboards/page.tsx b/app/d/leaderboards/page.tsx
@@ -1,7 +1,7 @@
-﻿import DashboardWithKey from "../../../components/dashboard/WithKey";
+﻿import DashboardWithKey from "@/app/components/dashboard/WithKey";
 import LeaderboardsList from "@/app/components/dashboard/LeaderbordList";
 import { getUserWithProfile } from "@/app/lib/supabase/help/user";
-import { Metadata } from "next";
+import { Metadata } from "next/types";
 import { redirect } from "next/navigation";
 
 export const metadata: Metadata = {
diff --git a/app/d/logout/page.tsx b/app/d/logout/page.tsx
@@ -1,5 +1,5 @@
 import LogoutForm from "@/app/components/auth/Logout";
-import { Metadata } from "next";
+import { Metadata } from "next/types";
 
 export const metadata: Metadata = {
   title: "Logout - Devpulse",
diff --git a/app/d/page.tsx b/app/d/page.tsx
@@ -1,7 +1,7 @@
 import { redirect } from "next/navigation";
 import DashboardWithoutKey from "../components/dashboard/WithoutKey";
 import Stats from "@/app/components/dashboard/Stats";
-import { Metadata } from "next";
+import { Metadata } from "next/types";
 import { getUserWithProfile } from "@/app/lib/supabase/help/user";
 
 export const metadata: Metadata = {
diff --git a/app/d/settings/page.tsx b/app/d/settings/page.tsx
@@ -1,4 +1,4 @@
-import { Metadata } from "next";
+import { Metadata } from "next/types";
 import UserProfile from "@/app/components/dashboard/Settings/Profile";
 import ResetPassword from "@/app/components/dashboard/Settings/ResetPassword";
 import WakaTimeKey from "@/app/components/dashboard/Settings/WakaTimeKey";
diff --git a/app/d/update-password/page.tsx b/app/d/update-password/page.tsx
@@ -1,6 +1,6 @@
 import Image from "next/image";
 import UpdatePasswordForm from "@/app/components/auth/UpdatePasswordForm";
-import { Metadata } from "next";
+import { Metadata } from "next/types";
 import Footer from "@/app/components/layout/Footer";
 
 export const metadata: Metadata = {
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,13 +1,12 @@
-import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
 import { ToastContainer } from "react-toastify";
 import AOSWrapper from "./components/AOSWrapper";
 import DevToolsDetector from "./components/DevToolsDetector";
 import NextTopLoader from "nextjs-toploader";
-import { headers } from "next/headers";
 import NortonSafeweb from "./components/common/metadata/NortonSafeweb";
 import BrowserCheck from "./components/BrowserCheck";
+import { Metadata } from "next/types";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -19,6 +18,8 @@ const geistMono = Geist_Mono({
   subsets: ["latin"],
 });
 
+export const revalidate = 43200; // 12 hours (in seconds)
+
 export async function generateMetadata(): Promise<Metadata> {
   return {
     metadataBase: new URL("https://devpulse.hallofcodes.org"),
diff --git a/app/legal/contribution-guidelines/page.tsx b/app/legal/contribution-guidelines/page.tsx
@@ -1,6 +1,6 @@
 import Footer from "@/app/components/layout/Footer";
 import Nav from "@/app/components/layout/Nav";
-import { Metadata } from "next";
+import { Metadata } from "next/types";
 
 export const metadata: Metadata = {
   title: "Contribution Guidelines - Devpulse",
diff --git a/app/legal/privacy/page.tsx b/app/legal/privacy/page.tsx
@@ -1,6 +1,6 @@
 import Footer from "@/app/components/layout/Footer";
 import Nav from "@/app/components/layout/Nav";
-import { Metadata } from "next";
+import { Metadata } from "next/types";
 
 export const metadata: Metadata = {
   title: "Privacy Policy - Devpulse",
diff --git a/app/legal/terms/page.tsx b/app/legal/terms/page.tsx
@@ -1,6 +1,6 @@
 import Footer from "@/app/components/layout/Footer";
 import Nav from "@/app/components/layout/Nav";
-import { Metadata } from "next";
+import { Metadata } from "next/types";
 
 export const metadata: Metadata = {
   title: "Terms of Service - Devpulse",
diff --git a/app/sitemap.tsx b/app/sitemap.tsx
@@ -1,8 +1,8 @@
-import type { MetadataRoute } from "next";
 import staticSitemap from "./sitemaps/static";
 import leaderboardsSitemap from "./sitemaps/leaderboards";
+import { MetadataRoute } from "next/types";
 
-export const revalidate = 86400;
+export const revalidate = 86400; // 24 hours
 
 export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
   const [staticUrl, leaderboardsUrl] = await Promise.all([
diff --git a/package-lock.json b/package-lock.json

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { Metadata } from "next";`
	`1`	`+import { Metadata } from "next/types";`
`2`	`2`	`import { createClient } from "../../../lib/supabase/server";`
`3`	`3`	`import { redirect } from "next/navigation";`
`4`	`4`