The Cboard AI Builder is an augmentative and alternative communication (AAC) board generator designed to streamline the creation process for speech therapists or caregivers. It aims to reduce the time required to create specific AAC boards and provide a preliminary draft quickly.
Creates an extra wrapper for Board page as a client component to keep NextIntlClientProvider to be imported from server component
Removes layout.tsx
Dev Notes
I don't have an obvious reason on why this bug is happening only in production mode (yarn start) besides thinking that this could be a behavior of NextIntl when injected directly from a client page.
I noticed that the useMessage hook can be used in a server component but the zustand state hook cannot, so in order to keep things to look like the other pages we built, I separated the server component importing the intl messages from the client component that calls the store.
Steps for testing
yarn install
yarn build
yarn start
Manually test if the app works as expected
You can also run the docker container image by following the steps from the wiki page
page.tsx
as a server componentNextIntlClientProvider
to be imported from server componentlayout.tsx
Dev Notes
I don't have an obvious reason on why this bug is happening only in production mode (
yarn start
) besides thinking that this could be a behavior of NextIntl when injected directly from a client page. I noticed that theuseMessage
hook can be used in a server component but the zustand state hook cannot, so in order to keep things to look like the other pages we built, I separated the server component importing the intl messages from the client component that calls the store.Steps for testing
yarn install
yarn build
yarn start
Closes https://github.com/cboard-org/cboard-ai-builder/issues/113