Next.js是一个新的通用JavaScript框架,它为基于React和服务器的Web应用提供了一个新的可选方案。
Next.js目前已经开源,https://zeit.co/blog/next
这个例子展示了Next.js最基本的想法。我们有两个页面: pages/index.js 和 pages/about.js。前者对 / 请求作出响应,后者则对 /about。使用 next/link可以在它们之间添加超链接和通用路由功能。
Basic CSS
源码:https://github.com/zeit/next.js/tree/master/examples/basic-cssCustom Server
源码:https://github.com/zeit/next.js/tree/master/examples/custom-serverCustom Server(Express)
源码:https://github.com/zeit/next.js/tree/master/examples/custom-server-expressCustom Server(Koa)
源码:https://github.com/zeit/next.js/tree/master/examples/custom-server-koaCustom Server(Hapi)
源码:https://github.com/zeit/next.js/tree/master/examples/custom-server-hapiData Fetching
源码:https://github.com/zeit/next.js/tree/master/examples/data-fetchHead Elements
源码:https://github.com/zeit/next.js/tree/master/examples/head-elementsLayout Component
源码:https://github.com/zeit/next.js/tree/master/examples/layout-componentNested Components
源码:https://github.com/zeit/next.js/tree/master/examples/nested-componentsParameterized Routing
源码:https://github.com/zeit/next.js/tree/master/examples/parameterized-routingProgressive Render
源码:https://github.com/zeit/next.js/tree/master/examples/progressive-renderShared Modules
源码:https://github.com/zeit/next.js/tree/master/examples/shared-modulesSSR Caching
源码:https://github.com/zeit/next.js/tree/master/examples/ssr-cachingSVG Components
源码:https://github.com/zeit/next.js/tree/master/examples/svg-componentsInfermo Renderer
源码:https://github.com/zeit/next.js/tree/master/examples/using-infernoPreact Renderer
源码:https://github.com/zeit/next.js/tree/master/examples/using-preactCustom Routing
源码:https://github.com/zeit/next.js/tree/master/examples/using-routerAMP
源码:https://github.com/zeit/next.js/tree/master/examples/with-ampApollo
源码:https://github.com/zeit/next.js/tree/master/examples/with-apolloSustom Babel config
源码:https://github.com/zeit/next.js/tree/master/examples/with-custom-babel-configFlow
源码:https://github.com/zeit/next.js/tree/master/examples/with-flowTypeScript
源码:https://github.com/zeit/next.js/tree/master/examples/with-typescriptAphrodite
源码:https://github.com/zeit/next.js/tree/master/examples/with-aphroditeCXS
源码:https://github.com/zeit/next.js/tree/master/examples/with-csxExternal Scoped CSS
源码:https://github.com/zeit/next.js/tree/master/examples/with-external-scoped-cssFela
源码:https://github.com/zeit/next.js/tree/master/examples/with-felaGlamor
源码:https://github.com/zeit/next.js/tree/master/examples/with-glamorGlobal Stylesheet
源码:https://github.com/zeit/next.js/tree/master/examples/with-global-stylesheetJest
源码:https://github.com/zeit/next.js/tree/master/examples/with-jestLoading
源码:https://github.com/zeit/next.js/tree/master/examples/with-loadingMobx
源码:https://github.com/zeit/next.js/tree/master/examples/with-mobxNext-Routes
源码:https://github.com/zeit/next.js/tree/master/examples/with-next-routesPrefetching
源码:https://github.com/zeit/next.js/tree/master/examples/with-prefetchingPretty URL Routing
源码:https://github.com/zeit/next.js/tree/master/examples/with-pretty-url-routingReact Helmet
源码:https://github.com/zeit/next.js/tree/master/examples/with-react-helmetReact Intl
源码:https://github.com/zeit/next.js/tree/master/examples/with-react-intlReact MD
源码:https://github.com/zeit/next.js/tree/master/examples/with-react-mdRedux
源码:https://github.com/zeit/next.js/tree/master/examples/with-reduxRefnux
源码:https://github.com/zeit/next.js/tree/master/examples/with-refnuxScoped PostCSS
源码:https://github.com/zeit/next.js/tree/master/examples/with-scoped-stylesheets-and-postcssShallow Routing
源码:https://github.com/zeit/next.js/tree/master/examples/with-shallow-routingStyled Compoents
源码:https://github.com/zeit/next.js/tree/master/examples/with-styled-componentsStyled-JSF with PostCSS
源码:https://github.com/zeit/next.js/tree/master/examples/with-styled-jsx-postcssStyled Styleron
源码:https://github.com/zeit/next.js/tree/master/examples/with-styletronUniversal Configuration
源码:https://github.com/zeit/next.js/tree/master/examples/with-universal-configurationURL Object Routing
源码:https://github.com/zeit/next.js/tree/master/examples/with-universal-configurationWebpack Bundle Analyzer
源码:https://github.com/zeit/next.js/tree/master/examples/with-webpack-bundle-analyzer