My sites architecture. Both components are hosted on AWS via elasticbeanstalk.
Frontend: React gets data via API Endpoints served from backend
Backend: Django REST Framework
I want to restrict api access such that:
only the frontend can grab data from the REST API, some data is public to anyone on the site, some only accessible to signed in users
whitelisted developers can access data from the REST API such that they can develop the frontend display of that data
No other machine, site, service, person, alien can access the REST API unless we know about it!
Willing to research and learn required to implement a solution like this, just would like to have some guidance as I am a young Padawan.