Having troubles with django project on deployment on vercel

Using Django Deployment
22

Are you using nginx or apache in your project ?

23

I am using none of them

24

Instead of this^^ try it with this


STATIC_URL = '/static/'

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
)

STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
25

but the folder name is static, so in the STATIC_ROOT won’t I’ve to keep it “static”?

26

When you run collectstatic command then all the static files are copied to STATIC_ROOT folder i.e staticfiles if you keep the same name then it might be possible that when you run collectstatic command then static copy folder will be created with all the required static files and it will use static folder which is available.
Also when you run collectstatic command it will copy all the Apps static files i.e even your Django Admin static files.

27

okay I get that, but why does it matter if the folder name is static or staticfiles? because both the folders are in different directories

28

You can name anything to the folder just have to specify STATIC_URL and STATIC_ROOT correctly in your settings.py
See I’ve done same thing as you

STATIC_URL = '/static/'
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
)
STATIC_ROOT = os.path.join(BASE_DIR, 'static')

and when I run collectstatic command see the errors

image
image809×76 8.46 KB

29

but my STATICFILES_DIR has the static folder inside the folder where settings.py file is

30

Just try this it will work

31

do I have to comment STATICFILES_DIR line in deployment?

32

I’ve not commented this in my project deployment, it does not bug me while deploying the project.

33

its still not working

34

hey man, I figured out the issue, the problem was in my build_files.sh and the vercel.json file. I corrected it and it is now serving the static files. But now another issue is there. I am using gmail’s SMTP for sending emails. in the development its sending mails but in the production its not sending mails

35

for anyone coming across the same issue I hope this helps!

in the settings.py make this-

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'expenseswebsite', 'static'),
)

STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')

the STATICFILES_DIR will be different, I have kept it inside the folder where settings.py file is.

in the root URLS.py add this-

urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

in the build_files.sh make sure its like this-

pip install -r requirements.txt
python manage.py collectstatic --noinput

in the vercel.json-

{
    "version": 2,
    "builds": [
      {
        "src": "yourprojectname/wsgi.py",
        "use": "@vercel/python",
        "config": { "maxLambdaSize": "15mb", "runtime": "python3.9" }
      },
      {
        "src": "build_files.sh",
        "use": "@vercel/static"
      }
    ],
    "routes": [
      {
        "src": "/staticfiles/(.*)",
        "dest": "/staticfiles/$1"
      },
      {
        "src": "/(.*)",
        "dest": "yourprojectname/wsgi.py"
      }
    ]
  }

make sure to keep the staticfiles name as it is because the name of the directory which is saving your staticfiles in the build on vercel

Thats it, I hope this helps anyone struggling.

1 Like
36

Hey Bro WHy you add website name in settings.py and i am facing the same issue plz tell me even everything is done same according to you

38

hey man im getting the same error you experienced when deploying django on vercel but even though I have removed psycopg2 it is still appearing in vercel if there is any thing you did other than remove it please notify me thank you

39

For some reason i cannot also use pymongo in vercel. when i comment out the import my app runs correctly. maybe try commenting out psycopg2 library. I am still tring to make mongodb integrate with my project using pymongo. If you want i can share you my project.

40

Hey man!
i am also getting the same error in my project
i already did what you have written here but none of my static files are loading in the deployed site
Can you please help out
i have tried a lot of platform but i didnot got any idea about my problem

41

See the issue could be the static files folder you defined in the settings.py and build.sh file can you share these three files?
settings.py
vercel.json
build.sh