History

Luc Leray 8eaabe2fb0 Fix deploy buttons URLs (#20834 ) Fix all deploy button URLs in the Next.js repo to follow the following format: ``` https://vercel.com/new/git/external?repository-url=https://github.com/vercel/next.js/tree/canary/examples/<EXAMPLE_NAME>&project-name=<EXAMPLE_NAME>&repository-name=<EXAMPLE_NAME> ``` The detailed docs for the Deploy Button can be found here: https://vercel.com/docs/more/deploy-button. Also updates legacy Vercel import flow URLs (starting with vercel.com/import or with vercel.com/new/project), to use the new vercel.com/new URLs. --- For example, for the `hello-world` example: The URL is https://vercel.com/new/git/external?repository-url=https://github.com/vercel/next.js/tree/canary/examples/hello-world&project-name=hello-world&repository-name=hello-world And the deploy button looks like this: [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/vercel/next.js/tree/canary/examples/hello-world&project-name=hello-world&repository-name=hello-world) --- For reference, I used the following regexes to search for the incorrect URLs ``` \(https://vercel.com/import/git\?s=https://github.com/vercel/next.js/tree/canary/examples/(.)\) \(https://vercel.com/import/git\?c=1&s=https://github.com/vercel/next.js/tree/canary/examples/([^&])(.)\) \(https://vercel.com/import/project\?template=https://github.com/vercel/next.js/tree/canary/examples/(.)\) https://vercel.com/import/git https://vercel.com/import/select-scope https://vercel.com/import https://vercel.com/new/project ```		2021-01-07 01:40:29 +00:00
..
pages	Update Examples for Fast Refresh (#13068 )	2020-05-18 17:44:18 -04:00
public	Update with-react-toolbox example to use /public (#9099 )	2019-10-16 14:58:04 +02:00
.gitignore	Added .gitignore to examples that are deployed to vercel (#15127 )	2020-07-16 10:52:23 -04:00
package.json	Ensure all examples are MIT licensed (#16691 )	2020-08-29 22:32:35 -04:00
README.md	Fix deploy buttons URLs (#20834 )	2021-01-07 01:40:29 +00:00
theme.js	Improve linting rules to catch more errors (#9374 )	2019-11-10 19:24:53 -08:00

README.md

With react-toolbox example

This is a simple example of getting react-toolbox up and running, using react-toolbox-themr.

For actual use, you probably also want to add Roboto Font, and Material Design Icons. See http://react-toolbox.io/#/install

Deploy your own

Deploy the example using Vercel:

How to use

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

npx create-next-app --example with-react-toolbox with-react-toolbox-app
# or
yarn create next-app --example with-react-toolbox with-react-toolbox-app

Notice that yarn toolbox (or npm run toolbox) should be rerun every time the "reactToolbox" configuration in package.json is changed, in order to update /theme.js and public/theme.css. The "reactToolbox" configuration includes styling, and the list of react-toolbox components to include.

Deploy it to the cloud with Vercel (Documentation).