chore(deps): bump next-seo from 6.8.0 to 7.0.1 (#370)

dependabot[bot] · agustinusnathaniel · web-flow · commit ef8e0c5d48b6 · 2026-01-02T14:29:39.000+07:00
* chore(deps): bump next-seo from 6.8.0 to 7.0.1 Bumps [next-seo](https://github.com/garmeeh/next-seo) from 6.8.0 to 7.0.1. - [Release notes](https://github.com/garmeeh/next-seo/releases) - [Changelog](https://github.com/garmeeh/next-seo/blob/main/CHANGELOG.md) - [Commits](https://github.com/garmeeh/next-seo/compare/v6.8.0...next-seo@7.0.1) --- updated-dependencies: - dependency-name: next-seo dependency-version: 7.0.1 dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com> * fix: update next-seo v7 align * fix: import --------- Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Agustinus Nathaniel <berserk.nate@gmail.com>
diff --git a/next-seo.config.js b/next-seo.config.js
diff --git a/package.json b/package.json
@@ -45,7 +45,7 @@
     "lodash-es": "^4.17.22",
     "nanoid": "^5.1.6",
     "next": "^16.1.1",
-    "next-seo": "^6.8.0",
+    "next-seo": "^7.0.1",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "react-fast-compare": "^3.2.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/lib/pages/hall/index.tsx b/src/lib/pages/hall/index.tsx
@@ -8,7 +8,8 @@ import {
   Grid,
   useToast,
 } from '@chakra-ui/react';
-import { NextSeo } from 'next-seo';
+import Head from 'next/head';
+import { generateNextSeo } from 'next-seo/pages';
 import * as React from 'react';
 
 import { FullScreenLoading } from '~/lib/components/full-screen-loading';
@@ -57,7 +58,7 @@ export const HallPage = () => {
 
   return (
     <Box mb={8} w="full">
-      <NextSeo title="Hall" />
+      <Head>{generateNextSeo({ title: 'Hall' })}</Head>
       {currentUser && !isEmailVerified ? (
         <Alert borderRadius={24} status="warning">
           <AlertIcon />
diff --git a/src/lib/pages/home/index.tsx b/src/lib/pages/home/index.tsx
@@ -1,6 +1,7 @@
 import { Button, Flex, Grid, Heading, Text } from '@chakra-ui/react';
+import Head from 'next/head';
 import { useRouter } from 'next/router';
-import { NextSeo } from 'next-seo';
+import { generateNextSeo } from 'next-seo/pages';
 
 import { SpokerWrapperGrid } from '~/lib/components/spoker-wrapper-grid';
 import { EVENT_TYPE_NAVIGATE } from '~/lib/constants/tracking';
@@ -21,7 +22,12 @@ export const Home = () => {
 
   return (
     <Grid paddingX={0} gap={16} minHeight={{ base: '50vh', sm: '60vh' }}>
-      <NextSeo title="Estimate with your Team | spoker - real-time multiplayer scrum poker app" />
+      <Head>
+        {generateNextSeo({
+          title:
+            'Estimate with your Team | spoker - real-time multiplayer scrum poker app',
+        })}
+      </Head>
       <Flex
         direction="column"
         gap={12}
diff --git a/src/lib/pages/room/index.tsx b/src/lib/pages/room/index.tsx
@@ -1,5 +1,6 @@
 import { Box, Grid } from '@chakra-ui/react';
-import { NextSeo } from 'next-seo';
+import Head from 'next/head';
+import { generateNextSeo } from 'next-seo/pages';
 
 import { SpokerLoading } from '~/lib/components/spoker-loading';
 import { useAuthStoreState } from '~/lib/stores/auth';
@@ -27,7 +28,7 @@ export const RoomPage = () => {
   if (currentUser && roomData) {
     return (
       <Grid gap={8}>
-        <NextSeo title={roomData.room.name} />
+        <Head>{generateNextSeo({ title: roomData.room.name })}</Head>
         <Grid
           templateColumns={{ base: '1fr', md: '3fr 2fr' }}
           gap={6}
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -1,18 +1,42 @@
 import { ChakraProvider, createStandaloneToast } from '@chakra-ui/react';
 import type { AppProps } from 'next/app';
 import Head from 'next/head';
-import { DefaultSeo } from 'next-seo';
+import { type DefaultSeoProps, generateDefaultSeo } from 'next-seo/pages';
+
 import '@fontsource/gabarito/latin.css';
 import '@fontsource/gantari/latin.css';
 
 import { Layout } from '~/lib/layout';
 import { customTheme } from '~/lib/styles/theme';
 
-import defaultSEOConfig from '../../next-seo.config';
 import '~/lib/styles/globals.css';
 
 const { ToastContainer } = createStandaloneToast({ theme: customTheme });
 
+const defaultSEOConfig: DefaultSeoProps = {
+  title: 'vote!',
+  titleTemplate: '%s | spoker - real-time multiplayer scrum poker with teams',
+  defaultTitle: 'spoker',
+  description: 'Real-time multiplayer scrum poker with teams',
+  canonical: 'https://spoker.dev',
+  openGraph: {
+    url: 'https://spoker.dev',
+    title: 'spoker',
+    description: 'Real-time multiplayer scrum poker with teams',
+    images: [
+      {
+        url: 'https://og.sznm.dev/api/generate?heading=Spoker&text=Scrum%20Poker%20with%20teams',
+        alt: 'spoker.dev og-image',
+      },
+    ],
+    site_name: 'spoker',
+  },
+  twitter: {
+    handle: '@agstnsnathaniel',
+    cardType: 'summary_large_image',
+  },
+};
+
 const MyApp = ({ Component, pageProps }: AppProps) => {
   return (
     <>
@@ -22,8 +46,8 @@ const MyApp = ({ Component, pageProps }: AppProps) => {
             name="viewport"
             content="minimum-scale=1, maximum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no, viewport-fit=cover"
           />
+          {generateDefaultSeo(defaultSEOConfig)}
         </Head>
-        <DefaultSeo {...defaultSEOConfig} />
         <Layout>
           <Component {...pageProps} />
         </Layout>
diff --git a/tsconfig.json b/tsconfig.json
@@ -9,7 +9,7 @@
     "noEmit": true,
     "esModuleInterop": true,
     "module": "esnext",
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
