Update preact example

examples/using-preact/next.config.js

@@ -1,16 +1,3 @@
-module.exports = {
+const withPreact = require('@zeit/next-preact')
-  webpack: function (config, { dev }) {
-    // For the development version, we'll use React.
-    // Because, it supports react hot loading and so on.
-    if (dev) {
-      return config
-    }
 
-    config.resolve.alias = {
+module.exports = withPreact()
-      'react': 'preact-compat/dist/preact-compat',
-      'react-dom': 'preact-compat/dist/preact-compat'
-    }
-
-    return config
-  }
-}

examples/using-preact/package.json

@@ -7,16 +7,10 @@
     "start": "NODE_ENV=production node server.js"
   },
   "dependencies": {
-    "module-alias": "^2.0.0",
+    "@zeit/next-preact": "0.0.4",
     "next": "latest",
-    "preact": "^7.2.0",
+    "preact": "8.2.7",
-    "preact-compat": "^3.14.0",
+    "preact-compat": "3.18.0"
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0"
   },
-  "license": "ISC",
+  "license": "ISC"
-  "devDependencies": {
-    "react": "~15.6.1",
-    "react-dom": "~15.6.1"
-  }
 }

examples/using-preact/server.js

@@ -1,13 +1,7 @@
 const port = parseInt(process.env.PORT, 10) || 3000
 const dev = process.env.NODE_ENV !== 'production'
-const moduleAlias = require('module-alias')
 
-// For the development version, we'll use React.
+require('@zeit/next-preact/alias')()
-// Because, it support react hot loading and so on.
-if (!dev) {
-  moduleAlias.addAlias('react', 'preact-compat')
-  moduleAlias.addAlias('react-dom', 'preact-compat')
-}
 
 const { createServer } = require('http')
 const { parse } = require('url')