I was thinking of the following structure (mind that I´m using magic link for authentification): 1 div for the entire content of the app, 1 div for the login component, 1 div for the verify component.
The can login using the full screen login component, once the user clicks on the magic link sent to their email they will see the full screen verify component and after the verification they should have access to the full screen content component. I thought this was a good idea until using the Chrome dev tool/Google inspectwhere I was literally able to delete the login + the verifiy component and go straight to my gated content. If I can use Google inspect others can too so how do I prevent things like this and make my app secure? I would appreciate any help , thanks