Static files and Media files

I can 100% believe it. This has been the most confusing part.

Based off the documentation, my STATIC_ROOT should be STATIC_ROOT = "/var/www/example.com/static/" or STATIC_ROOT = staticfiles depending on what deployment I use? If that is correct, then I need to move my static files to their corresponding application directory? I only have 1 app currently so everything has just been in the root.

Okay that one seems simple enough

Are you referring to the folder that contains the ASGI, settings, and URL files?

Is this what the file structure should look like?

Project
	App1
       URLs.py
       views.py
       All_outer_app_files.py
       templates
	   static
           CSS
           JS
           Images
    App2
       URLs.py
       views.py
       All_outer_app_files.py
       templates
	   static
           CSS
           JS
           Images	
     media
        uploaded files
    staticfiles
        collection of all static files
	venv
	Project
        settings.py
MEDIA_URL = 'media/'
MEDIA_ROOT = BASE_DIR / "media"
STATIC_URL = 'static/'
STATIC_ROOT = BASE_DIR / 'staticfiles'
STATICFILES_DIRS = [
    BASE_DIR / 'app1/static/',
    BASE_DIR, 'app2/static/'
]