rsnext/examples/with-jotai
Marcos Bérgamo c3e5caf110
docs(examples): improve DX while copying command to create new project (#38410)
* docs(examples): improve DX while copy command to create new project

* chore: apply code review

Co-authored-by: Marcos Bérgamo <Marcos.Bergamo@refinitiv.com>
Co-authored-by: JJ Kasper <jj@jjsweb.site>
2022-07-26 21:57:48 -05:00
..
pages examples(with-jotai): Update example (#38398) 2022-07-08 10:47:58 +00:00
public Examples: Jotai (#27940) 2021-08-14 04:06:49 +00:00
styles Examples: Jotai (#27940) 2021-08-14 04:06:49 +00:00
.gitignore Update default gitignore templates (#39051) 2022-07-26 20:08:40 -05:00
next-env.d.ts Include submodules in exported type definition (#28316) 2021-11-26 14:46:56 +01:00
next.config.js Examples: Jotai (#27940) 2021-08-14 04:06:49 +00:00
package.json examples(with-jotai): Update example (#38398) 2022-07-08 10:47:58 +00:00
README.md docs(examples): improve DX while copying command to create new project (#38410) 2022-07-26 21:57:48 -05:00
tsconfig.json Examples: Jotai (#27940) 2021-08-14 04:06:49 +00:00

Jotai example

This example shows how to integrate Jotai in Next.js.

  • Jotai is a primitive and flexible state management library for React.
  • Jotai is TypeScript oriented and aims to expose a minimalistic API for dealing with state in a data-flow graph way.
  • Jotai uses the useHydrateAtoms hook to hydrate the value of an atom, for values that come from the server.

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-jotai with-jotai-app
yarn create next-app --example with-jotai with-jotai-app
pnpm create next-app --example with-jotai with-jotai-app

Deploy it to the cloud with Vercel (Documentation).