Demo

https://react-app-starter.vercel.app/

login: admin

password: admin

Adding entity types

# server-side
cp -R pages/api/profiles pages/api/todos # api route

# client-side
cp -R pages/profiles pages/todos # client route
cp -R tree/profile tree/todo # entity type
cp components/profile-form components/todo-form # form

• Search for profile project-wide and replace (preserving case) with todo
• tree/tree.js: Import and add TodoType to Tree
• utils/mongoose/schemas.js: Add TodoSchema
• middlewares/database.js: Import and add TodoSchema to req.models

Optionally:

• components/nav.js: Add <Link href="/todos">Todos</Link> to <MenuItems>

Credits

Auth

• magic

Object Data Modeling

Client-side

• MobX-state-tree

Server-side

• Mongoose

i18n

TODO

Styling

• tailwindcss with twin.macro
• chakra-ui

Forms

• React Hook Form

Misc

• React Table