I have deployed an app on Heroku using their free account.
I have my js and css files inside a folder called 'media'. It looks like these are normally placed in 'static', but the project I was building on top of already had them in media so I just went with it.
So I have:
<link rel="stylesheet" type="text/css" media="screen" href="{{ MEDIA_URL }}css/style.css" />
And in my settings.py file, I have:
abspath = lambda *p: os.path.abspath(os.path.join(*p))
PROJECT_ROOT = abspath(os.path.dirname(__file__))
MEDIA_ROOT = abspath(PROJECT_ROOT, 'media')
MEDIA_URL = '/media/'
After I deployed my app I set:
DEBUG = False
And now my templates are rendering without CSS. I searched around and it looks like an issue with MEDIA_ROOT and MEDIA_URL. Most of the stuff I'm finding is about getting static files to work in production, or about getting media files to work in development. This looks like getting media files to work in production.
What exactly should I be setting MEDIA_ROOT and MEDIA_URL to?
EDIT: I should point out I won't be uploading anything to the 'media' folder.