fix: improve performances

apps/blog/next.config.js

@@ -1,14 +1,16 @@
 /** @type {import('next').NextConfig} */
 const nextTranslate = require('next-translate-plugin')
-const { withSentryConfig } = require('@sentry/nextjs')
 const { withPlausibleProxy } = require('next-plausible')
 const withPlugins = require('next-compose-plugins')
-const withBundleAnalyzer = require('@next/bundle-analyzer')
+const withBundleAnalyzer = require('@next/bundle-analyzer')({
+  enabled: process.env.ANALYZE === 'true',
+})
+
+const path = require('path')
 
 const plausiblePlugin = withPlausibleProxy
-const bundleAnalyser = withBundleAnalyzer({ enabled: process.env.ANALYZE === 'true' })
 
-const plugins = [plausiblePlugin, bundleAnalyser]
+const plugins = [plausiblePlugin]
 
 const nextConfig = withPlugins([plugins, nextTranslate], {
   reactStrictMode: true,
@@ -49,6 +51,10 @@ const nextConfig = withPlugins([plugins, nextTranslate], {
       },
     ]
   },
+  // Ref: https://nextjs.org/docs/advanced-features/output-file-tracing#caveats
+  experimental: {
+    outputFileTracingRoot: path.join(__dirname, '../../'),
+  },
   webpack(config) {
     config.module.rules.push({
       test: /\.(png|jpe?g|gif|mp4)$/i,
@@ -94,16 +100,8 @@ const nextConfig = withPlugins([plugins, nextTranslate], {
   },
 })
 
-const sentryWebpackPluginOptions = {
-  // Additional config options for the Sentry Webpack plugin. Keep in mind that
-  // the following options are set automatically, and overriding them is not
-  // recommended:
-  //   release, url, org, project, authToken, configFile, stripPrefix,
-  //   urlPrefix, include, ignore
-  silent: true, // Suppresses all logs
-  dryRun: process.env.VERCEL_ENV !== 'production',
-}
+const moduleExports = nextConfig
 
 // Make sure adding Sentry options is the last code to run before exporting, to
 // ensure that your source maps include changes from all other Webpack plugins
-module.exports = withSentryConfig(nextConfig, sentryWebpackPluginOptions)
+module.exports = moduleExports

apps/blog/package.json

@@ -4,6 +4,7 @@
   "private": true,
   "scripts": {
     "build": "next build",
+    "analyse": "ANALYZE=true next build",
     "postbuild": "next-sitemap",
     "check:all": "pnpm check:format && pnpm check:lint && pnpm build",
     "check:format": "prettier --check .",

apps/blog/public/rss/feed.xml

@@ -4,7 +4,7 @@
         <title>The David Dias | Front-End Developer, Podcaster &amp; Content Creator</title>
         <link>https://thedaviddias.dev</link>
         <description>Hey, I'm David Dias, a Front-End Developer based in Toronto/Canada. I love discussing code, technology, expatriation and life.</description>
-        <lastBuildDate>Thu, 03 Aug 2023 02:23:21 GMT</lastBuildDate>
+        <lastBuildDate>Thu, 03 Aug 2023 03:54:49 GMT</lastBuildDate>
         <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
         <generator>https://github.com/jpmonette/feed</generator>
         <language>en-US</language>

apps/blog/public/rss/fr/feed.xml

@@ -4,7 +4,7 @@
         <title>The David Dias | Développeur Front-End, podcasteur &amp; créateur de contenu</title>
         <link>https://thedaviddias.dev</link>
         <description>Salut toi! Je m'appele David Dias. Je suis développeur Front-End, podcasteur, créateur de contenu numérique passioné pour résoudre les problèmes digitaux et humains! J'aime rencontrer de nouvelles personnes, bâtir des communautées et parler de tech, d'expatriation et de web.</description>
-        <lastBuildDate>Thu, 03 Aug 2023 02:23:21 GMT</lastBuildDate>
+        <lastBuildDate>Thu, 03 Aug 2023 03:54:49 GMT</lastBuildDate>
         <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
         <generator>https://github.com/jpmonette/feed</generator>
         <language>fr</language>

apps/blog/src/components/MdxComponents/tweet.tsx

@@ -1,4 +1,7 @@
-import { TwitterEmbed, TwitterEmbedProps } from 'react-social-media-embed'
+import {
+  TwitterEmbed,
+  TwitterEmbedProps,
+} from 'react-social-media-embed/dist/components/embeds/TwitterEmbed'
 
 export const Tweet = (props: TwitterEmbedProps) => {
   return (

package.json

@@ -4,6 +4,7 @@
     "build": "turbo build",
     "dev": "turbo dev",
     "lint": "turbo lint",
+    "analyse": "turbo analyse",
     "test": "turbo test",
     "clean": "turbo clean",
     "format": "prettier --write \"**/*.{ts,tsx,md}\""

turbo.json

@@ -1,13 +1,14 @@
 {
   "$schema": "https://turbo.build/schema.json",
-  "globalEnv": ["VERCEL_URL", "VERCEL_ENV", "NODE_ENV", "GH_PUBLIC_TOKEN", "GOOGLE_CLIENT_EMAIL", "GOOGLE_PRIVATE_KEY", "SPOTIFY_CLIENT_ID", "SPOTIFY_CLIENT_SECRET", "SPOTIFY_REFRESH_TOKEN", "PLAUSIBLE_API_KEY", "SIMKL_TOKEN", "SIMKL_CLIENT_ID", "SIMKL_USER_ID", "STEAM_USER_ID", "STEAM_KEY", "UNSPLASH_ACCESS_KEY", "WAKATIME_API_KEY", "YOUTUBE_CHANNEL_ID", "RAINDROP_COLLECTION", "RAINDROP_TOKEN"],
+  "globalEnv": ["VERCEL_URL", "VERCEL_ENV", "NODE_ENV", "GH_PUBLIC_TOKEN", "GOOGLE_CLIENT_EMAIL", "GOOGLE_PRIVATE_KEY", "SPOTIFY_CLIENT_ID", "SPOTIFY_CLIENT_SECRET", "SPOTIFY_REFRESH_TOKEN", "PLAUSIBLE_API_KEY", "SIMKL_TOKEN", "SIMKL_CLIENT_ID", "SIMKL_USER_ID", "STEAM_USER_ID", "STEAM_KEY", "UNSPLASH_ACCESS_KEY", "WAKATIME_API_KEY", "YOUTUBE_CHANNEL_ID", "RAINDROP_COLLECTION", "RAINDROP_TOKEN", "ANALYSE"],
   "globalDependencies": ["**/.env.*local"],
   "pipeline": {
     "build": {
       "outputs": [".next/**", "!.next/cache/**"]
     },
     "lint": {},
     "test": {},
+    "analyse": {},
     "check-types": {},
     "dev": {
       "cache": false,