Upgrade deps

.gitignore

@@ -21,9 +21,6 @@
 
 # debug
 npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
 
-# sitemap & robots
-public/robots.txt
-public/sitemap*.*
+# robots
+public/robots.txt

README.md

@@ -16,11 +16,11 @@ You can check it out on [https://spotify-dedup.com](https://spotify-dedup.com) o
 
 Install the dependencies:
 
-    yarn install
+    pnpm install
 
 Run it:
 
-    yarn dev
+    pnpm dev
 
 Then open http://localhost:3000 in a browser
 

pages/api/buymecoffee.ts → app/api/bmc/route.ts

@@ -1,10 +1,10 @@
 import * as cheerio from 'cheerio';
 
-import { NextApiRequest, NextApiResponse } from 'next';
+import { NextRequest, NextResponse } from 'next/server';
 
 import axios from 'axios';
 
-const BuyMeACoffee = async (_req: NextApiRequest, res: NextApiResponse) => {
+export async function GET(_req: NextRequest) {
   const url = 'https://www.buymeacoffee.com/jmp';
   const selector = '.text-grey71.!font-cr-regular.text-sm';
   const response = await axios.get(url);
@@ -13,11 +13,12 @@ const BuyMeACoffee = async (_req: NextApiRequest, res: NextApiResponse) => {
   const supportersText = $(selector).text().trim();
   const supportersNumber = supportersText.replace(/[^0-9]/g, '');
 
-  res.setHeader(
-    'Cache-Control',
-    'public, max-age=0, s-maxage=86400'
+  return NextResponse.json(
+    { total: supportersNumber },
+    {
+      headers: {
+        'Cache-Control': 'public, max-age=0, s-maxage=86400',
+      },
+    }
   );
-  return res.status(200).json({ total: supportersNumber });
-};
-
-export default BuyMeACoffee;
+}

app/robots.ts

@@ -0,0 +1,18 @@
+import type { MetadataRoute } from 'next'
+
+export default function robots(): MetadataRoute.Robots {
+  return {
+    rules: [
+      {
+        userAgent: ['mj12', 'Dotbot'],
+        disallow: '/',
+      },
+      {
+        userAgent: '*',
+        allow: '/',
+      },
+
+    ],
+    sitemap: 'https://spotify-dedup.com/sitemap.xml',
+  }
+}

app/sitemap.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml">
+<url>
+<loc>https://spotify-dedup.com</loc>
+<xhtml:link rel="alternate" hreflang="de" href="https://spotify-dedup.com/de" />
+<xhtml:link rel="alternate" hreflang="es" href="https://spotify-dedup.com/es" />
+<xhtml:link rel="alternate" hreflang="fr" href="https://spotify-dedup.com/fr" />
+<xhtml:link rel="alternate" hreflang="id" href="https://spotify-dedup.com/id" />
+<xhtml:link rel="alternate" hreflang="it" href="https://spotify-dedup.com/it" />
+<xhtml:link rel="alternate" hreflang="nl" href="https://spotify-dedup.com/nl" />
+<xhtml:link rel="alternate" hreflang="pl" href="https://spotify-dedup.com/pl" />
+<xhtml:link rel="alternate" hreflang="pt" href="https://spotify-dedup.com/pt" />
+<xhtml:link rel="alternate" hreflang="sv" href="https://spotify-dedup.com/sv" />
+<xhtml:link rel="alternate" hreflang="tr" href="https://spotify-dedup.com/tr" />
+</url>
+</urlset>

components/pages/index.tsx

@@ -1,9 +1,9 @@
+import { AvailableLanguages } from '@/languages';
 import Head from 'next/head';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import OAuthManager from '../../dedup/oauthManager';
 import SpotifyWebApi from '../../dedup/spotifyApi';
-import { AvailableLanguages } from '../../i18n';
 import Faq from '../faq';
 import Features from '../features';
 import Footer from '../footer';

components/reviews.tsx

@@ -2,7 +2,7 @@ import fetcher from '@/lib/fetcher';
 import { useTranslation } from 'react-i18next';
 import useSWR from 'swr';
 const Reviews = () => {
-  const { data } = useSWR('/api/buymecoffee', fetcher<{ total: number }>);
+  const { data } = useSWR('/api/bmc', fetcher<{ total: number }>);
 
   const { t, i18n } = useTranslation();
   return (
@@ -75,7 +75,7 @@ const Reviews = () => {
       </p>
       <p className="mt-4 text-lg tracking-tight text-center text-slate-700" dangerouslySetInnerHTML={{
         __html: t('home.review', {
-          supportersCount: '<span class="font-semibold">' + (data && new Number(data.total).toLocaleString(i18n.language)) + '</span>',
+          supportersCount: '<span class="font-semibold">' + (new Number(data?.total || 1400).toLocaleString(i18n.language)) + '</span>',
           linkOpen: '<a href="https://www.buymeacoffee.com/jmp" class="font-semibold">',
           linkClose: '</a>',
         }),

i18n.js → i18n.ts

@@ -1,20 +1,6 @@
 import i18n from 'i18next';
 import { initReactI18next } from 'react-i18next';
 
-export const AvailableLanguages = [
-  'de',
-  'en',
-  'es',
-  'fr',
-  'id',
-  'it',
-  'nl',
-  'pl',
-  'pt',
-  'sv',
-  'tr',
-];
-
 // the translations
 // (tip move them in a JSON file and import them)
 const resources = {
@@ -109,15 +95,15 @@ const resources = {
       'faq.question-10': 'Does this tool work with other music streaming services?',
       'faq.answer-10': 'No, this tool only works with Spotify through Spotify\'s Web API.',
     },
-  },
-  fallbackLng: 'en',
+  }
 };
 
 i18n
   .use(initReactI18next) // passes i18n down to react-i18next
   .init({
     resources,
     lng: 'en',
+    fallbackLng: 'en',
     keySeparator: false, // we do not use keys in form messages.welcome
     debug: false,
     react: {

languages.ts

@@ -0,0 +1,14 @@
+
+export const AvailableLanguages = [
+  'de',
+  'en',
+  'es',
+  'fr',
+  'id',
+  'it',
+  'nl',
+  'pl',
+  'pt',
+  'sv',
+  'tr',
+];

next.config.cjs

@@ -0,0 +1,7 @@
+const nextConfig = {
+  experimental: {
+    reactCompiler: true,
+  },
+};
+
+module.exports = nextConfig;