Files

.github
bench
bin
client
examples
- basic-css
- custom-server-express
- custom-server-hapi
- custom-server-koa
- custom-server-micro
- custom-server
- data-fetch
- head-elements
- hello-world
- layout-component
- nested-components
- page-transitions
- parameterized-routing
- progressive-render
- root-static-files
- shared-modules
- ssr-caching
- svg-components
- using-inferno
- using-preact
- using-router
- using-with-router
- with-absolute-imports
- with-algolia-react-instantsearch
- with-amp
- with-ant-design
- with-antd-mobile
- with-aphrodite
- with-apollo-and-redux
- with-apollo-auth
- with-apollo
- with-babel-macros
- with-custom-babel-config
- with-custom-reverse-proxy
- with-cxs
- with-dotenv
- with-dynamic-import
- with-electron
- with-emotion
- with-external-scoped-css
- with-fela
- with-firebase-authentication
- with-firebase-hosting
- with-flow
- with-glamor
- with-glamorous
- with-global-stylesheet
- with-hashed-statics
- with-higher-order-component
- with-i18next
- with-jest
- with-loading
- with-material-ui-next
- with-material-ui
- with-mobx
- with-next-routes
- with-pkg
- with-prefetching
- with-pretty-url-routing
- with-react-ga
- with-react-helmet
- with-react-i18next
- with-react-intl
- with-react-md
- with-react-toolbox
- with-react-uwp
- with-react-with-styles
- with-reasonml
- with-rebass
- with-recompose
- with-redux-code-splitting
- with-redux-reselect-recompose
- with-redux-saga
- with-redux
- with-refnux
- with-relay-modern
- with-scoped-stylesheets-and-postcss
- with-semantic-ui
- with-shallow-routing
- with-socket.io
- with-static-export
- with-styled-components
- with-styled-jsx-postcss
- with-styletron
- with-sw-precache
- with-typescript
- with-universal-configuration
- with-url-object-routing
  - pages
  - README.md
  - package.json
  - server.js
- with-webpack-bundle-analyzer
- .babelrc
- .gitignore
lib
pages
server
test
.babelrc
.gitignore
.npmrc
.travis.yml
appveyor.yml
babel.js
contributing.md
css.js
document.js
dynamic.js
error.js
head.js
license.md
link.js
package.json
prefetch.js
readme.md
router.js
taskfile.js
wallaby.js
yarn.lock

with-url-object-routing

brikou

and

timneutkens

Ease running multiple examples at the same time with process.env.PORT (…

Aug 10, 2017

ba65b07 · Aug 10, 2017

History

This branch is 1 commit ahead of, 26328 commits behind vercel/next.js:canary.

Name	Name	Last commit message	Last commit date
parent directory ..
pages	pages	Add support for URL objects in Link and Router (vercel#1345 )	Mar 12, 2017
README.md	README.md	Add deploy now button to the top of all example READMEs (vercel#1763 )	Apr 22, 2017
package.json	package.json	Normalize example package.json files (vercel#2350 )	Jun 23, 2017
server.js	server.js	Ease running multiple examples at the same time with process.env.PORT (…	Aug 10, 2017

README.md

URL object routing

How to use

Download the example or clone the repo:

curl https://codeload.github.com/zeit/next.js/tar.gz/master | tar -xz --strip=2 next.js-master/examples/with-url-object-routing
cd with-url-object-routing

Install it and run:

npm install
npm run dev

Deploy it to the cloud with now (download)

now

The idea behind the example

Next.js allows using Node.js URL objects as href and as values for <Link> component and parameters of Router#push and Router#replace.

This simplify the usage of parameterized URLs when you have many query values.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Files

with-url-object-routing

with-url-object-routing

README.md

URL object routing

How to use

The idea behind the example

Files

with-url-object-routing

Directory actions

More options

Directory actions

More options

Latest commit

History

with-url-object-routing

Folders and files

parent directory

README.md

URL object routing

How to use

The idea behind the example