const nextConfig = {
  // ...
  async rewrites() {
    return [
      {
        source: '/get-started',
        destination: SOCIAL_URL,
      },
      {
        source: '/get-started/:path*',
        destination: `${SOCIAL_URL}/:path*`,
      },
    ]
  },
}

git diff --quiet HEAD^ HEAD ./

{
  "private": true,
  "workspaces": [
    "apps/*"
  ]
}

import dynamic from 'next/dynamic'

const DynamicComponent = dynamic(() => import('../components/hello'))

const DynamicComponent = dynamic(() =>
  import('@components/hello').then((mod) => mod.Hello)
)

const DynamicComponentWithNoSSR = dynamic(
  () => import('@components/hello3'),
  { ssr: false }
)

const DynamicLazyComponent = dynamic(
  () => import('@components/hello4'),
  { suspense: true }
)

function Home() {
  return (
    <div>
      <Suspense fallback={`loading`}>
        <DynamicLazyComponent />
      </Suspense>
    </div>
  )
}

const nextConfig = {
  // ...
  experimental: {
    externalDir: true
  }
}

const nextConfig = {
  reactStrictMode: true,
  experimental: {
    urlImports: ['https://cdn.skypack.dev/'],
  }
}

module.exports = {
  experimental: {
    concurrentFeatures: true,
    serverComponents: true,
  },
}

import React, { Suspense } from 'react'

import Profile from '../components/profile.server'
import Content from '../components/content.client'

export default function Home() {
  return (
    <div>
      <h1>Welcome to React Server Components</h1>
      <Suspense fallback={'Loading...'}>
        <Profile />
      </Suspense>
      <Content />
    </div>
  )
}