rsnext/examples/with-grommet
Henrik Wenz 53ecdd12db
[Docs] Prefer function _app component in examples (#39967)
## Documentation / Examples

- [x] Make sure the linting passes by running `pnpm lint`
- [x] The examples guidelines are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing.md#adding-examples)
2022-08-26 08:17:54 +00:00
..
pages [Docs] Prefer function _app component in examples (#39967) 2022-08-26 08:17:54 +00:00
.babelrc Add Grommet example (#6529) 2019-03-05 14:00:57 +01:00
.gitignore Update default gitignore templates (#39051) 2022-07-26 20:08:40 -05:00
package.json Remove licence from all example/package.json that has them (#28007) 2021-08-14 10:48:39 -05:00
README.md docs(examples): improve DX while copying command to create new project (#38410) 2022-07-26 21:57:48 -05:00

Example app with Grommet

This example shows how to use the Grommet UI library with Next.js.

It works by extending the <Document /> to enable server-side rendering of styled-components, which are used by Grommet, and extending <App /> to provide a Grommet context (and optionally a theme) for all child pages and components.

Deploy your own

Deploy the example using Vercel or preview live with StackBlitz

Deploy with Vercel

How to use

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

npx create-next-app --example with-grommet with-grommet-app
yarn create next-app --example with-grommet with-grommet-app
pnpm create next-app --example with-grommet with-grommet-app

Deploy it to the cloud with Vercel (Documentation).

Try it on CodeSandbox

Open this example on CodeSandbox