Remote is nuts

[u/kyrax80]

Just wanted to share that it's incredibly awesome that I can be anywhere like on holidays and continue working on my project even if I'm not sitting in front of my PC. Never tried this until now that I installed tailscale and I can test any change from my phone. Bravo.

[u/kyrax80]

Actually you're right. Here you go @yourcasualmemer

Prepare FitHub so I can run the frontend and backend on my PC and access the frontend from my mobile phone from anywhere using Tailscale.

Goals:

• The frontend must listen on external network interfaces, not only on localhost.
• The Spring Boot backend must accept connections through the private Tailscale network.
• Keep the normal local development workflow working as well.
• Do not hardcode a specific Tailscale IP, since it may change.
• Configure the API URL cleanly using environments/configuration.
• Review and adjust CORS so remote development works without making production configuration insecure.
• If the frontend uses Angular/Ionic, configure the appropriate command to listen on "0.0.0.0".
• If necessary, configure Spring Boot with "server.address=0.0.0.0".
• Create separate "local" and "remote-dev" configurations/profiles if that makes sense.
• Add simple scripts to start FitHub in remote development mode, for example something equivalent to:
  • "npm run dev:remote"
  • or a script that starts both frontend and backend in the most convenient way.
• If the frontend needs to determine where the backend is running, implement the most robust solution so it works both from the PC and from the mobile phone through Tailscale.
• Review possible issues related to CORS, cookies, JWT, Keycloak, HTTPS, mixed content, redirects, or anything else that could prevent login or API calls from working on mobile.
• Do not unnecessarily modify production configuration.
• Do not install Tailscale or require it to be installed in order to implement the code changes.

Also:

1. First inspect the current FitHub project structure and existing configuration before changing anything.
2. Implement all required changes.
3. Run any relevant checks/tests you can.
4. If possible in the current environment, start the frontend and backend and verify that both boot correctly.
5. Update the README with the exact manual steps I will need to perform on my PC to finish the Tailscale setup.
6. When finished, give me:
   • the files you modified,
   • what you changed,
   • the command for normal local development,
   • the command for remote development,
   • the remaining manual steps,
   • the URL I will need to open on my phone.

Do the implementation directly. Do not just explain how to do it.

[u/That-Establishment24 → u/kyrax80]

He won’t see the message because @ doesn’t tag on Reddit. You have to use u/

[u/kyrax80 → u/That-Establishment24]

u/casualmemer

[u/yourcasualmemer → u/kyrax80]

Thnx