Re: Django CSS Not Loaded in Vercel app

Hi Sahil,

Thanks for sharing the details about your deployment issue. It looks like you're encountering some problems with the CSS and image files not showing up on the web app after deploying to Vercel. I think it would be beneficial for us to review the build script together for any potential issues.

Let me know when you're available to go through it, and we can hopefully troubleshoot this together!

Best,  
Ashish

On Wed, Oct 2, 2024 at 7:37 PM Sahil Gupta <gguptassahil@gmail.com> wrote:

 

after deploying it show css files and images file on vercel but it not appearedon the web app. 

 

vercel.json

settings.py 
only pasting the relevant changes for vercel

ALLOWED_HOSTS = ['.vercel.app', '.now.sh', '127.0.0.1', 'localhost']

STATIC_URL = '/static/'

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

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

build_files.sh

#!/bin/bash

echo "BUILD START"

python3 -m pip install --upgrade pip  # Ensure the latest pip version

python3 -m pip install -r requirements.txt  # Install all dependencies

python3 manage.py collectstatic --noinput --clear  # Collect static files

echo "BUILD END"

my django web app is running fine on local sever with css and images, but on vercel it shows only HTML, no css and no images. my vercel app link : https://portfolio-bqgy3ipxf-sahilgupta245s-projects.vercel.app/ github repository link : https://github.com/sahilgupta245/portfolio

--
You received this message because you are subscribed to the Google Groups "Django users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to django-users+unsubscribe@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/d46b2ce2-554f-4ceb-ad4e-96cbdaf0e2a6n%40googlegroups.com.

--
You received this message because you are subscribed to the Google Groups "Django users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to django-users+unsubscribe@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/CAMKEJkc0Lm6fMefz-oJVL9xLwPypsHcsKU0WifbV9HroE7240g%40mail.gmail.com.