History

Luis Alvarez D 77150dac79 Include submodules in exported type definition (#28316 )		2021-11-26 14:46:56 +01:00
..
pages	Examples: Jotai (#27940 )	2021-08-14 04:06:49 +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	Examples: Jotai (#27940 )	2021-08-14 04:06:49 +00: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	Add ci script to check examples (#28009 )	2021-08-14 13:34:40 -05:00
README.md	Examples: Jotai (#27940 )	2021-08-14 04:06:49 +00: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.

Preview

Preview the example live on StackBlitz:

Deploy the example using Vercel:

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

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

Deploy it to the cloud with Vercel (Documentation).