mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
fcd59adea1
* Add example app which demonstrate the problem. * Add the first working version. * Fix lint issues. * Add README.md * Use /_next/main.js as the main file URI * Add the support for loading the core next bundle. * Optimize the output by removing Next modules from pages. * Use the same package.json as master use. * Change the example repo's README for simpler instructions. * Change example projects package.json to support next build and start. * Change main.js into commons.js. * Add support for hot core reload and errors. * Introduce require based on eval-script. * Add error reporting support with hot reloading. * Update README.md
37 lines
1 KiB
JavaScript
37 lines
1 KiB
JavaScript
import { createElement } from 'react'
|
|
import { render } from 'react-dom'
|
|
import HeadManager from './head-manager'
|
|
import { rehydrate } from '../lib/css'
|
|
import Router from '../lib/router'
|
|
import App from '../lib/app'
|
|
import evalScript, { requireModule } from '../lib/eval-script'
|
|
|
|
const {
|
|
__NEXT_DATA__: { component, errorComponent, props, ids, err }
|
|
} = window
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
const Component = evalScript(component).default
|
|
const ErrorComponent = evalScript(errorComponent).default
|
|
|
|
const router = new Router(window.location.href, {
|
|
Component,
|
|
ErrorComponent,
|
|
ctx: { err }
|
|
})
|
|
|
|
// This it to support error handling in the dev time with hot code reload.
|
|
if (window.next) {
|
|
window.next.router = router
|
|
}
|
|
|
|
const headManager = new HeadManager()
|
|
const container = document.getElementById('__next')
|
|
const appProps = { Component, props, router, headManager }
|
|
|
|
rehydrate(ids)
|
|
render(createElement(App, appProps), container)
|
|
})
|
|
|
|
module.exports = requireModule
|