Files

.circleci
.github
bench
errors
examples
- active-class-name
- amp
- analyze-bundles
- api-routes-graphql
- api-routes-micro
- api-routes-middleware
- api-routes
- basic-css
- basic-export
- blog-starter
- custom-charset
- custom-server-actionhero
- custom-server-express
- custom-server-fastify
- custom-server-hapi
- custom-server-koa
- custom-server-micro
- custom-server-nodemon
- custom-server-polka
- custom-server-reasonml
- custom-server-typescript
- custom-server
- data-fetch
- dynamic-routing
- form-handler
- gh-pages
- head-elements
- hello-world
- layout-component
- nested-components
- only-client-render-external-dependencies
- page-transitions
- parameterized-routing
- pass-server-data
- progressive-render
- shared-modules
- ssr-caching
- svg-components
- using-inferno
- using-nerv
- using-preact
- using-router
- using-with-router
- with-absolute-imports
- with-algolia-react-instantsearch
- with-ant-design-less
- with-ant-design
- with-antd-mobile
- with-aphrodite
- with-apollo-and-redux-saga
- with-apollo-and-redux
- with-apollo-auth
- with-apollo
- with-app-layout
- with-asset-imports
- with-astroturf
- with-babel-macros
- with-carbon-components
- with-carlo
- with-cerebral
- with-cloud9
- with-componentdidcatch
- with-configured-preset-env
- with-context-api
- with-cookie-auth
- with-custom-babel-config
- with-custom-reverse-proxy
- with-cxs
- with-data-prefetch
- with-docker
- with-dotenv
- with-draft-js
- with-dynamic-app-layout
- with-dynamic-import
- with-electron
- with-emotion-fiber
- with-emotion
- with-env-from-next-config-js
- with-external-scoped-css
- with-external-styled-jsx-sass
- with-fela
- with-firebase-authentication
- with-firebase-cloud-messaging
- with-firebase-hosting-and-docker
- with-firebase-hosting-and-typescript
- with-firebase-hosting
- with-flow
- with-freactal
- with-glamor
- with-glamorous
- with-global-stylesheet-simple
- with-global-stylesheet
- with-google-analytics
- with-graphql-hooks
- with-graphql-react
- with-grommet
- with-hashed-statics
- with-higher-order-component
- with-http2
  - pages
  - .gitignore
  - README.md
  - package.json
  - server.js
- with-immutable-redux-wrapper
- with-ioc
- with-jest-flow
- with-jest-react-testing-library
- with-jest-typescript
- with-jest
- with-kea
- with-linaria
- with-lingui
- with-loading
- with-markdown
- with-material-ui
- with-mdx
- with-mobx-react-lite
- with-mobx-state-tree-typescript
- with-mobx-state-tree
- with-mobx
- with-mocha
- with-next-css
- with-next-i18next
- with-next-less
- with-next-page-transitions
- with-next-routes
- with-next-sass
- with-next-seo
- with-noscript
- with-now-env
- with-office-ui-fabric-react
- with-orbit-components
- with-overmind
- with-pkg
- with-polyfills
- with-portals-ssr
- with-portals
- with-prefetching
- with-pretty-url-routing
- with-rbx-bulma-pro
- with-react-css-modules
- with-react-esi
- with-react-ga
- with-react-helmet
- with-react-intl
- with-react-jss
- with-react-md
- with-react-multi-carousel
- with-react-native-web
- with-react-relay-network-modern
- with-react-toolbox
- with-react-useragent
- with-react-uwp
- with-react-with-styles
- with-reasonml-todo
- with-reasonml
- with-rebass
- with-recompose
- with-redux-code-splitting
- with-redux-observable
- with-redux-persist
- with-redux-reselect-recompose
- with-redux-saga
- with-redux-thunk
- with-redux-wrapper
- with-redux
- with-reflux
- with-refnux
- with-relay-modern-server-express
- with-relay-modern
- with-rematch
- with-scoped-stylesheets-and-postcss
- with-segment-analytics
- with-semantic-ui
- with-sentry-simple
- with-sentry
- with-shallow-routing
- with-sitemap-and-robots-express-server
- with-slate
- with-socket.io
- with-static-export
- with-storybook
- with-strict-csp-hash
- with-strict-csp
- with-style-sheet
- with-styled-components
- with-styled-jsx-plugins
- with-styled-jsx-postcss
- with-styled-jsx-scss
- with-styletron
- with-sw-precache
- with-tailwindcss
- with-ts-node
- with-typescript-styled-components
- with-typescript
- with-typestyle
- with-typings-for-css-modules
- with-universal-configuration-build-time
- with-universal-configuration-runtime
- with-unstated
- with-url-object-routing
- with-videojs
- with-webassembly
- with-webpack-bundle-analyzer
- with-webpack-bundle-size-analyzer
- with-yarn-workspaces
- with-zones
packages
test
.gitignore
.npmrc
.prettierignore
.prettierrc.json
.travis.yml
CODE_OF_CONDUCT.md
README-zh-CN.md
UPGRADING.md
azure-pipelines.yml
contributing.md
jest.config.js
lerna.json
license.md
linkfolder
package.json
readme.md
yarn.lock

with-http2

This branch is 23992 commits behind vercel/next.js:canary.

Name		Name	Last commit message	Last commit date
parent directory ..
pages		pages	Added an HTTP2 server example (vercel#6856 )	Apr 3, 2019
.gitignore		.gitignore	Added an HTTP2 server example (vercel#6856 )	Apr 3, 2019
README.md		README.md	Remove Deploy To Now buttons (vercel#7126 )	Apr 24, 2019
package.json		package.json	Update remaining examples to latest Next.js	Jul 8, 2019
server.js		server.js	Added an HTTP2 server example (vercel#6856 )	Apr 3, 2019

README.md

HTTP2 server example

How to use

Using `create-next-app`

Execute create-next-app with Yarn or npx to bootstrap the example:

npx create-next-app --example with-http2 with-http2-app
# or
yarn create next-app --example with-http2 with-http2-app

Download manually

Download the example:

curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/with-http2
cd hello-world

Create the public and private keys:

openssl req -x509 -newkey rsa:2048 -nodes -sha256 -subj '/CN=localhost' \
  -keyout localhost-privkey.pem -out localhost-cert.pem

Install it and run:

npm install
npm run dev
# or
yarn
yarn dev

Deploy it to the cloud with now (download)

now

The idea behind the example

This example shows the most basic example using an HTTP2 server. We have 2 pages: pages/index.js and pages/about.js. The former responds to / requests and the latter to /about. Using next/link you can add hyperlinks between them with universal routing capabilities.