JSX extension support

server/build/webpack.js

@@ -10,7 +10,7 @@ import DynamicEntryPlugin from './plugins/dynamic-entry-plugin'
 export default async function createCompiler (dir, { hotReload = false } = {}) {
   dir = resolve(dir)
 
-  const pages = await glob('pages/**/*.js', { cwd: dir })
+  const pages = await glob('pages/**/*.+(js|jsx)', { cwd: dir })
 
   const entry = {}
   const defaultEntries = hotReload ? ['webpack/hot/dev-server'] : []
@@ -57,7 +57,7 @@ export default async function createCompiler (dir, { hotReload = false } = {}) {
   .replace(/[\\\/]package\.json$/, '')
 
   const loaders = [{
-    test: /\.js$/,
+    test: /\.jsx?$/,
     loader: 'emit-file-loader',
     include: [dir, nextPagesDir],
     exclude (str) {
@@ -68,12 +68,12 @@ export default async function createCompiler (dir, { hotReload = false } = {}) {
     }
   }]
   .concat(hotReload ? [{
-    test: /\.js$/,
+    test: /\.jsx?$/,
     loader: 'hot-self-accept-loader',
     include: join(dir, 'pages')
   }] : [])
   .concat([{
-    test: /\.js$/,
+    test: /\.jsx?$/,
     loader: 'babel',
     include: [dir, nextPagesDir],
     exclude (str) {

server/resolve.js

@@ -25,12 +25,14 @@ export function resolveFromList (id, files) {
 function getPaths (id) {
   const i = sep === '/' ? id : id.replace(/\//g, sep)
 
-  if (i.slice(-3) === '.js') return [i]
-  if (i[i.length - 1] === sep) return [i + 'index.js']
+  if (i.slice(-3) === '.js' || i.slice(-4) === '.jsx') return [i]
+  if (i[i.length - 1] === sep) return [i + 'index.js', i + 'index.jsx']
 
   return [
     i + '.js',
-    join(i, 'index.js')
+    i + '.jsx',
+    join(i, 'index.js'),
+    join(i, 'index.jsx')
   ]
 }
 

test/fixtures/basic/pages/jsxpage.jsx

@@ -0,0 +1,5 @@
+import React from 'react'
+
+export default function () {
+  return <div>JSX is found</div>
+}

test/index.js

@@ -34,6 +34,11 @@ test(async t => {
   t.true(html.includes('<p>Diego Milito</p>'))
 })
 
+test(async t => {
+  const html = await render('/jsxpage')
+  t.true(html.includes('<div>JSX is found</div>'))
+})
+
 function render (url, ctx) {
   return _render(url, ctx, { dir, staticMarkup: true })
 }