Update package used and alias on next config

Author: midudev

next.config.js

@@ -4,7 +4,7 @@ module.exports = {
   webpack(config, options) {
     config.resolve.alias['components'] = path.join(__dirname, 'components')
     config.resolve.alias['getNews'] = path.join(__dirname, 'data/getNews.js')
-    config.resolve.alias['strategies'] = path.join(__dirname, 'strategies')
+    config.resolve.alias['@midudev'] = path.join(__dirname, 'strategies')
 
     return config
   }

pages/dynamic-rendering/index.js

@@ -3,7 +3,7 @@ import Card from 'components/Card'
 import Grid from 'components/Grid'
 import Layout from 'components/Layout'
 
-import DynamicRendering from 'strategies/dynamic-rendering'
+import DynamicRendering from '@midudev/react-dynamic-rendering'
 
 export default function DynamicRenderingPage({articles, isBot}) {
   return (

pages/progressive-hydration/index.js

@@ -3,7 +3,7 @@ import Card from 'components/Card'
 import Grid from 'components/Grid'
 import Layout from 'components/Layout'
 
-import ProgressiveHydration from 'strategies/progressive-hydration'
+import ProgressiveHydration from '@midudev/react-progressive-hydration'
 
 export default function ProgressiveHydrationPage({articles}) {
   return (

pages/static-content/index.js

@@ -4,7 +4,7 @@ import Card from 'components/Card'
 import Grid from 'components/Grid'
 import Layout from 'components/Layout'
 
-import StaticContent from 'strategies/static-content'
+import StaticContent from '@midudev/react-static-content'
 
 export default function StaticContentPage({articles}) {
   return (