Use Next.JS' best practices

[maxpatiiuk]

• swr for client-side data fetching
• async/await instead of promises

• <Link
  href={{
    pathname: '/blog/[slug]',
    query: { slug: post.slug },
  }}
  >

• don't export non-react components from react components!
• use dynamic imports to speed up page load:

• const Fuse = (await import('fuse.js')).default; // for non react components
  import dynamic from 'next/dynamic'  // for react components:
  
  const DynamicComponentWithCustomLoading = dynamic(
  () => import('../components/hello'),
  { loading: () => <p>...</p> }
  )

• define css variables in a JS constants file

[github-actions[bot]]

Stale issue message