✨ - Update to NextJs 14 and migrate to next-mdx-remote

__test__/_app/Page.test.tsx

@@ -1,14 +1,15 @@
 import { describe, expect, it } from 'vitest'
-import Page from '../../src/app/page'
+import Home from '../../src/app/page'
 import { render, screen } from '@testing-library/react'
 
 describe('Page', () => {
-  it('should render', () => {
-    const component = render(<Page />)
-    expect(component).toBeDefined()
+  it('should render', async () => {
+    const jsx = await Home()
+    expect(jsx).toBeDefined()
   })
-  it('should render blog title', () => {
-    render(<Page />)
+  it('should render blog title', async () => {
+    const jsx = await Home()
+    render(jsx)
     expect(screen.getByText('Blog')).toBeDefined()
   })
 })

__test__/_app/[slug]/Page.test.tsx

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import BlogPage, { generateMetadata } from '../../../src/app/[slug]/page'
+import BlogPage from '../../../src/app/[slug]/page'
 import { render } from '@testing-library/react'
 
 describe('PageSlug', () => {
@@ -11,32 +11,3 @@ describe('PageSlug', () => {
     expect(component).toBeDefined()
   })
 })
-
-describe('generateMetadata', () => {
-  it('Should return metadata', async () => {
-    const metadata = await generateMetadata({
-      params: { slug: 'resources_developers' },
-    })
-    expect(metadata).toEqual({
-      description:
-        'Mis 5 Sitios Favoritos para Aprender Programación | @claudio_coder',
-      openGraph: {
-        description:
-          'Mis 5 Sitios Favoritos para Aprender Programación | @claudio_coder',
-        images: 'https://claudiocoder.me/profile.jpg',
-        locale: 'es',
-        siteName: 'claudiocoder.me',
-        title: 'Mis 5 Sitios Favoritos para Aprender Programación',
-        url: 'https://claudiocoder.me/resources_developers',
-      },
-      title: 'Mis 5 Sitios Favoritos para Aprender Programación',
-      twitter: {
-        card: 'summary_large_image',
-        description:
-          'Mis 5 Sitios Favoritos para Aprender Programación | @claudio_coder',
-        images: 'https://claudiocoder.me/profile.jpg',
-        title: 'Mis 5 Sitios Favoritos para Aprender Programación',
-      },
-    })
-  })
-})

next.config.js

@@ -1,6 +1,4 @@
-const { withContentlayer } = require('next-contentlayer')
-
 /** @type {import('next').NextConfig} */
 const nextConfig = { reactStrictMode: true, swcMinify: true }
 
-module.exports = withContentlayer(nextConfig)
+module.exports = nextConfig