Code structure when using Cursor

I am new to Cursor and created my first project. Node backend, React frontend. Cursor created the folder structure.
My question is about the folder structure. Here I have a frontend and a backend, but they are under the same folder and i open that parent folder in Cursor. I guess that makes sense so I can use AI to help me with the full codebase. e.g. if I asked AI to add a new field to the form and the model, Cursor can then update both backend and frontend code.

Now when it comes to getting my project into github, what is the best approach. Normally I would have created two repos so I can setup pipelines for each one etc.

But I guess I would like to have the full codebase open in Cursor when working on it?

See attached image

Welcome! You can work with multi-repos, then add backend and frontend guidelines with globs matching your directories like **/frontend, cursor specific files like .cursorignore remain in the root directory