next-server-statev1.0.3

Example 1

Server Component

Full Name:

Client Component

Full Name:

Client component with server actions

Full Name:

1import {
2 createServerState,
3 getServerState,
4 useServerState
5} from 'next-server-state';
6
7type MyStateProps = {
8 first_name: string;
9 last_name: string;
10};
11
12const myState =
13 createServerState<MyStateProps>('example-one', {
14 first_name: '',
15 last_name: ''
16 });
17
18function useMyServerState() {
19 return useServerState<MyStateProps>(myState);
20}
21async function getMyServerState() {
22 return getServerState<MyStateProps>(myState);
23}
24
25export myState, useMyServerState, getMyServerState;