Example 1
Server Component
Full Name:
Client Component
Full Name:
Client component with server actions
Full Name:
1import {2 createServerState,3 getServerState,4 useServerState5} from 'next-server-state';67type MyStateProps = {8 first_name: string;9 last_name: string;10};1112const myState =13 createServerState<MyStateProps>('example-one', {14 first_name: '',15 last_name: ''16 });1718function useMyServerState() {19 return useServerState<MyStateProps>(myState);20}21async function getMyServerState() {22 return getServerState<MyStateProps>(myState);23}2425export myState, useMyServerState, getMyServerState;