How to Deploy a Fullstack Django Web App on Vercel.

[@abdurrahmaan3901]

Who all are facing "pip not found" error, change node version from 20.x to 18.x in project deployment setting and redeploy

[@CodeWithClinton]

Thank you so much.

[@techstreamm-1]

I think this should be pinned..Spot on

[@CodeWithClinton]

@@techstreamm-1 it is done, thank you.

[@Isiaka-qt1fj]

Thats what we need, a clear,logical, descriptive and easy to understand tutorial, Thanks

[@CodeWithClinton]

You are welcome!

[@daveanvs]

thanks Clinton, its the only tutorial i have found so far that actually worked for me

[@CodeWithClinton]

You're welcome, I am glad it helped.

[@attahchristian6699]

You are doing well brother, no unnecessary terminologies, no unnecessary explanation, just straight to the point with each steps clear and easy to follow.

[@CodeWithClinton]

Thank you so much brother

[@arcadianthenics7535]

a very greate and accurate content thank you brother i was trying to my app from last few weeks but geettng an error just and seach searched everywhere but no one is teaching about that dabase content the way you did..... thanks once again...

[@CodeWithClinton]

Glad to help.

[@alejandra-garcias]

your work is amazing, I have successfully deployed my django aplication

[@CodeWithClinton]

I am glad my video helped.

[@christiannwachukwu8709]

Mine wasn't deploying, I think it was due to my project structure. But it's working now, thanks a lot. I really like your videos.

[@CodeWithClinton]

Glad to hear that

[@allanbakwanamaha2998]

Thank you for sharing this resourceful content. Great love from Uganda

[@CodeWithClinton]

You're welcome, thank you.

[@xx482]

Thanks a lot for this video It is straight forward, not complicated as heroku

[@CodeWithClinton]

I am glad it helped you.

[@anthonychianain2241]

Hey! Thanks so much for your help out there!! It seems I saw one of your different video too, "deploying Django to Digital ocean'.. Hm am thinking you are from Nigeria, if true please, am from Bamenda-Cameroon,, do you have an idea which financial institutions operate in Nigeria or even Cameroon their Cards are less likely to be declined by Digital ocean?.... I have been facing hard times to complete my account creation in digital ocean because my card keep being declined..( using a debit card optained from UBA) Please if you can help a bro, please do🙏.. just a little information about which banks in Africa are not being declined

[@CodeWithClinton]

Sorry for the late response, I used a friend's dollar card to signup on Digitalocean, try using ChipperCash.

[@anthonychianain2241]

@@CodeWithClinton ok Brother Clinton! Thanks! though I don't even have an idea weather the CheperCash is available in my country... I will just try to find out

[@anna_lorencova]

THANK YOU! :) amazing job and ty for amazing up to date tutorial

[@CodeWithClinton]

It is my pleasure, thank you.

[@douglasemmanuel7175]

Great work Clinton , actually am getting 500 error serverless function crash

[@CodeWithClinton]

I am so sorry, I will look into it.

[@bemgbautor3463]

hello clinthon.. thank you for the tutorial, please, is the git repo private or publice (or any of them can be used on vercel)?

[@CodeWithClinton]

@@bemgbautor3463 Either private or public can be used.

[@bemgbautor3463]

@@CodeWithClinton thank you for the reply, do I have to include my virtual environment file on git before it can run on vercel?

[@CodeWithClinton]

@@bemgbautor3463 you don't need your virtual environment on git. What you need is the requirements.txt file. This file contains all the dependencies your project will require.

[@CodeWithClinton]

Add the lines of code below into your vercel.json file. { "version": 2, "builds": [ { "src": "projectname/wsgi.py", "use": "@vercel/python", "config": { "maxLambdaSize": "15mb", "runtime": "python3.9" } }, { "src": "build_files.sh", "use": "@vercel/static-build", "config": { "distDir": "staticfiles_build" } } ], "routes": [ { "src": "/static/(.*)", "dest": "/static/$1" }, { "src": "/(.*)", "dest": "projectname/wsgi.py" } ] }

[@CodeWithClinton]

@AMIRUL BIN ABD LATIB watch the video and follow the exact steps I took.

[@legendsanimexy8217]

​@@CodeWithClintonI want to host my e-commerce website which i have made in django . But I am facing problems

[@CodeWithClinton]

@@legendsanimexy8217 what issue are you facing.

[@legendsanimexy8217]

Everything is working fine but after i deploy the project it's giving me a error . Like 404 not found . When i click that it's showing 402: DEPLOYMENT DISABLED . please reply

[@CodeWithClinton]

@@legendsanimexy8217 I can't recommend a solution from here.

[@MdAkram-vs5jj]

Thanks dude helped me a lot👍

[@CodeWithClinton]

You're welcome.

[@MdAkram-vs5jj]

@@CodeWithClinton Also I get this error while uploading the images that it is a read only file and doesn't upload any image.. is there any video regarding that or you have any info about it

[@MdAkram-vs5jj]

OSError: [Errno 30] Read-only file system: '/var/task/media' this is the error and when i search for it, it is related to storage issues for media and mentions me to use AWS lambda for media files so can you make a video regarding that

[@suyogtandel5249]

Thanksss mannn!!!, You Helped me...

[@CodeWithClinton]

@@suyogtandel5249 you are welcome.

[@hassanghani8039]

is it possible that we can deploy our full fledge django Ecom site with postgresql database in the same process which you are telling us in this video

[@CodeWithClinton]

Yes, you can.

[@oselumeseagbonrofo5327]

Great video. Thanks bro

[@CodeWithClinton]

You're welcome.

[@LearningSpectrums]

I will like to know if this video can also help configure satic files like html, css, js and images to reflect in the deployment on vercel.. kindly help... i have been searching youtube like all day and i would like to know. Thank You, i await your response.

[@CodeWithClinton]

@@LearningSpectrums this is the video you are looking for.

[@SylvesterStadham]

Thanks for This, How do we store staticfiles in vercel blob

[@CodeWithClinton]

The tutorial covered that.

[@arvincalleja1738]

Hi Clinton, this video is the tutorial I have found is actually fit for what am I doing. But after a day and deploying it, my project in vercel gives me a 404 error, but when I run it locally it still works. I check the railway and under the data tab it say "We are unable to connect to the database over the public network." Is it possible because of this? and what possible solution for this? Thanks!

[@CodeWithClinton]

Please cross-check your database credentials.

[@arvincalleja1738]

​@@CodeWithClinton I already connect the database. But Vercel has a new error message. "This Serverless Function has crashed. Your connection is working correctly. Vercel is working correctly. 500: INTERNAL_SERVER_ERROR Code: FUNCTION_INVOCATION_FAILED"

[@irfanasulaiman6508]

Thank you for the great content.. is there any configuration needed for media files in your project while deploying in vercel?

[@CodeWithClinton]

You're welcome, it should be the regular media configurations that comes with django.

[@irfanasulaiman6508]

@CodeWithClinton what if users have to upload files in ur app? Where will be these files be stored

[@CodeWithClinton]

@@irfanasulaiman6508 it will be stored in your database, if you want the media files to be stored on a separate server, you can try aws s3-bucket or cloudinary.

[@irfanasulaiman6508]

[Errno 30] Read-only file system: '/var/task/media/car_PR9KOgo.jpg' I get this error when i upload files from my application deployed in vercel my static and media conf is : STATIC_URL = '/static/' STATICFILES_DIRS = os.path.join(BASE_DIR, 'static'), STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles_build', 'static') # Base url to serve media files MEDIA_URL = 'img/' MEDIA_ROOT = os.path.join(BASE_DIR, 'media') cant figure out the mistake

[@lll-gr7dk]

What do I do when vercel error: ./build_files.sh: line 2: pip: command not found

[@CodeWithClinton]

The issue is from vercel, I have tried contacting them.

[@abhijithsubash6160]

Hey Clinton, I couldn't upload images. It shows: OSError: [Errno 30] Read-only file system: '/var/task/media'

[@CodeWithClinton]

I will work on a tutorial video.

[@H3ndr1x220]

Very useful content, will you please make a video on how to host fullstack web app made with reactjs and django on vercel or its alternatives

[@CodeWithClinton]

I will do that. Thank you.

[@salmanmammadli]

I did all the stuff that you said step by step . In the final stage when i click deploy it takes too long (for example over 40 minutes) and i get error in the end. When i try to look at the errors i get it's not shown in the error list .So i don't know what's reason to get the error. I think error is cause to due to changing database from sqlite to postgres . When i tried making migrations it took more time than when i use sqllite. Then I tried using sqlite instead of postgres this time i get "Build Failed : A Serverless Function has exceeded the unzipped maximum size of 250 MB" error.

[@CodeWithClinton]

Stick to PostgreSQL database and follow the tutorial carefully.

[@versatg5722]

Please How do you upload media files. Like images. Cuz vercel is serverless

[@CodeWithClinton]

You can host the Media files on a separate server like aws s3-bucket.

[@versatg5722]

Then how do you connect it.

[@versatg5722]

​@@CodeWithClintonhow do connect the s3 to vercel after deploying the Django app

[@CodeForChange]

great content thank you

[@CodeWithClinton]

You're welcome.

[@afraheemraz3753]

Thank you for this ..

[@CodeWithClinton]

You're welcome.

[@afraheemraz3753]

can you please suggest us some free django hosting provider, @@CodeWithClinton

[@julienheng3880]

I have an application with React as front-end and Django as backend. Is it possible to deploy the application to Vercel?

[@CodeWithClinton]

Yes it is.

[@mahvishsadaf3499]

if i dont have static files what to do ? can i skip the static files section completely ? or are there any more changes

[@CodeWithClinton]

You can skip it.

[@heismyke]

Error: Command "./build_files.sh" exited with 1

[@CodeWithClinton]

Your build.sh file isn't configured properly.

[@matiasvallejosdev]

Thanks for it!

[@CodeWithClinton]

You are welcome.

[@justice1915]

Nice work sir. When I try to make a post request it doesn’t insert to the database on railway. But if I do that on local host it works. Please help

[@CodeWithClinton]

Really? try deploying on another platform. Check my Render tutorial. It is the video before the last.

[@danquahwilliam316]

Thank you so much sir

[@CodeWithClinton]

You're welcome.

[@aaronicks7797]

Hi Clinton I have tried loading it but its not loading my style sheet

[@CodeWithClinton]

I will make a new video on this, try another hosting platform.

[@kundanrajput3495]

i am facing error can you help me , i ave watched your video more then 5 times and written everything exactly same but still deployment not working and it also sont show any error it just show red cross in building part

[@CodeWithClinton]

Read carefully you will find the error message.

[@kundanrajput3495]

@@CodeWithClinton sir there is no error message

[@SherlockHolmes-o6x]

Thank you a lot!

[@CodeWithClinton]

You're welcome.

[@hustlersadda1]

Sir getting error or pip command not found,python3 not found... Build_files.sh existed with 127

[@CodeWithClinton]

Sorry, it has to do with vercel.

[@mihirpande8786]

same, did you found a way to get around it?

[@iviidev]

Is this process same for mysql database too?

[@CodeWithClinton]

Yes, but PostgreSQL is more ideal.

[@isaacnsbkargbo1379]

Hello sir, thanks so much for this wonderful tutorial, i followed the tutorial well but my staticfiles are not working on production

[@CodeWithClinton]

Vercel changed the process.

[@almaspernshev7370]

@@CodeWithClinton any updates on how to configure static files?:D

[@CodeWithClinton]

@@almaspernshev7370 a new video will be made for that.

[@almaspernshev7370]

@@CodeWithClinton I have already figured out, but thank you so much it was so helpful👌

[@reniboyanova9388]

@@almaspernshev7370 could you please tell me how you figured out?

[@frostcodes5306]

Getting ./build_files.sh: line 1: pip: command not found Traceback (most recent call last): File "/vercel/path0/manage.py", line 11, in main ...What could be the issue?

[@CodeWithClinton]

Let me check out vercel.

[@enzofuentes939]

Could you fix it? I run into same issue.

[@pingaksha]

@@CodeWithClinton facing same error

[@mtw7025]

@@pingaksha found a way to fix it?

[@xband0]

Thanks for the update

[@CodeWithClinton]

You're welcome.

[@IamNotCoder]

Everything is working for me but my media files are not displaying. What can be the reason ?

[@CodeWithClinton]

Check your settings.py file and make sure MEDIA_URL, and MEDIA_ROOT are properly configured.

[@CodeWithClinton]

make sure your MEDIA_URL and MEDIA_ROOT are properly configured.

[@Sivu2]

Hi i deployed my django project with psql as database but i get This Serverless Function has crashed error please help

[@CodeWithClinton]

I guess there something you missed in the tutorial.

[@ahmedrafi7463]

Full stack features such as login or signup which uses database is not working after deployment to vercel using this method, please help

[@CodeWithClinton]

I will check it out.

[@ahmedrafi7463]

@@CodeWithClinton Thanks I will be waiting.

[@ahmedrafi7463]

@@CodeWithClinton did you find any solution brother?

[@dagmniko]

please help WARN! Due to `builds` existing in your configuration file, the Build and Development Settings defined in your Project Settings will not apply.

[@H3A3K_]

Hey did you solve it? should i help?

[@dagmniko]

@@H3A3K_ yesss please help me

[@CodeWithClinton]

It think vercel is having some issues.

[@dagmniko]

@@CodeWithClinton I've tried changing everything. the lambda size the python version and more...do you have any idea what I should do

[@CodeWithClinton]

@@dagmniko the issue is from vercel, I have been trying to contact but no response yet.

[@КылычМирбеков]

спасибо тебе большое товарищ!!!🔥🔥🔥

[@CodeWithClinton]

Thank you.

[@suyog_codin]

Thankyou my project got hosted but when i try to update any thing from admin panel i get error 30 How to fix Error 30 Read-only file system

[@CodeWithClinton]

I will check it out.

[@jayarammishalu3168]

I have a doubt how to deploy django and reactis in vercel

[@CodeWithClinton]

It is easy you have to deploy them separately.

[@cdexzswzaqME]

my website is loading but static files are not comming only html content is commint

[@CodeWithClinton]

Yeah, Vercel made some updates to the deployment process.

[@yourboyman7410]

i made my project in 3.11 so it isnt working. what do i do?

[@CodeWithClinton]

While deploying stick with your current python version.

[@sudiptasarker2480]

Very good content. well done bro. I have got an issue after deployment. When I try to upload any image or file from admin panal. It causes "[Errno 30] Read-only file system: '/var/task/media'" error. Is there any fix for this issue?

[@CodeWithClinton]

Thank you, try configuring an external server for your media files like aws s3-bucket.

[@sudiptasarker2480]

@@CodeWithClinton thanks for your suggestion

[@versatg5722]

​@@sudiptasarker2480how do do the external configuration

[@versatg5722]

​@@CodeWithClintonhow do you do the external configuration please

[@murtazamadadi8657]

it was helpful thanks

[@CodeWithClinton]

You are welcome.

[@yaroslav1481]

Hi, i have got an error: ./build_files.sh: line 1: pip: command not found Could someone help me

[@CodeWithClinton]

I have been having same error message too, I think the problem is from vercel.

[@JaydeepTalaviya-cl4xr]

@@CodeWithClinton i am also getting the same error

[@frostcodes5306]

@@JaydeepTalaviya-cl4xr Also having same problem, anybody with a solution?

[@patriciagiramia7238]

does vercel only use python 3.9 and not any other versions? because i tried deploying and it kept looking for python 3.9 path on my mac. then throws errors. kindly advise

[@CodeWithClinton]

Try using the python version you have on your computer.

[@patriciagiramia7238]

thats just it. i have 3.10 installed but eachtime, vercel looks out for 3.9 while installing requirements and thats where everything ends in an error. can the python version be overidden or i have to install 3.9?@@CodeWithClinton

[@patriciagiramia7238]

Failed to run "pip3.9 install --disable-pip-version-check --target . --upgrade -r /vercel/path0/requirements.txt" the error

[@JansenCCruz]

@@patriciagiramia7238 have you fixed it?

[@niteshraya]

Hey thank you for the tutorial but i am having weird issue where my hosted site doesn't run static files! I have tried white noise and all the stuffs :-( . Only the html runs can you please help me with this one!

[@CodeWithClinton]

Make sure to include STATIC_ROOT in your settings.py file.

[@niteshraya]

@@CodeWithClinton can you make a tutorial on that please?

[@CodeWithClinton]

@@niteshraya add this to your settings file. STATIC_ROOT = BASE_DIR/"assets"

[@niteshraya]

@@CodeWithClinton Do you have discord or something to connect. Please help me

[@CodeWithClinton]

@@niteshraya you can try LinkedIn or Twitter, check about section of my channel.

[@riswanbashas6256]

My error: ImportError: Couldn't import Django. Are you sure it's installed and available on your PYTHONPATH environment variable? Did you forget to activate a virtual environment? Error: Command "./build_files.sh" exited with 1 My build_files.sh: #!/bin/bash # Install dependencies from requirements.txt pip install -r requirements.txt # Run collectstatic command python manage.py collectstatic I have properly activated my Virtual machine. still it is getting error. Any leads will be appreciated

[@CodeWithClinton]

Make sure you have django installed in your virtual environment. Run "pip freeze" to confirm.

[@Lordwisetech]

Bro im facing an error,404 not found after deployment please help me

[@CodeWithClinton]

It is a slight issue, you are trying to access a url path that doesn't exist.

[@Abdusshh]

vercel cant run pip what do you think the reason might be ./build_files.sh: line 1: pip: command not found Traceback (most recent call last): File "/vercel/path0/manage.py", line 11, in main from django.core.management import execute_from_command_line ModuleNotFoundError: No module named 'django' The above exception was the direct cause of the following exception: Traceback (most recent call last): File "/vercel/path0/manage.py", line 22, in main() File "/vercel/path0/manage.py", line 13, in main raise ImportError( ImportError: Couldn't import Django. Are you sure it's installed and available on your PYTHONPATH environment variable? Did you forget to activate a virtual environment? Error: Command "./build_files.sh" exited with 1

[@CodeWithClinton]

Vercel are currently having issues deploying python apps.

[@Abdusshh]

@@CodeWithClinton oh no when do you think it will be fixed

[@nelisiwemasango8890]

thank you so much

[@CodeWithClinton]

You're welcome.

[@excelakachukwu2660]

I cant find yhe pinned tweet

[@CodeWithClinton]

@@excelakachukwu2660 Look out for my comment in the comments section.

[@akakonin6924]

Good Job. Please, I have created a web App using Django and react but find it difficult to deploy it. Can you help? Thanks

[@CodeWithClinton]

You have to deploy them separately.

[@akakonin6924]

Ok. It means I have to separate them. Otherwise I developed them together. Thanks@@CodeWithClinton

[@CodeWithClinton]

@@akakonin6924 it needs to be two separate apps, deployed separately.

[@akakonin6924]

@@CodeWithClinton Thanks, I will separate them from the local development and then see how it will be.

[@akakonin6924]

Please, can you help me deploy my App? Good evening Boss...

[@princewilljackson8412]

Followed your steps, but don't know why i'm getting this error.... "ImportError: Couldn't import Django. Are you sure it's installed and available on your PYTHONPATH environment variable? Did you forget to activate a virtual environment?"....and my virtual env is activated

[@CodeWithClinton]

Create a virtual environment, activate the virtual environment and make sure Django is installed in your virtual environment.

[@vaibhavpatil4248]

I am getting the same error, please help if you have found out any solution

[@saidorifxojayoldoshxojayev1100]

is vercel free to deploy?

[@CodeWithClinton]

Yes it is.

[@tilemachoschatzipapas9379]

I keep getting 404: NOT_FOUND error when i followed step by step

[@shylock4157]

try changing the Root Directory

[@CodeWithClinton]

Thank you.

[@CodeWithClinton]

You definitely missing something.

[@luuvinhtuong]

thanks bro

[@CodeWithClinton]

You're welcome.

[@mateusz99i1]

Thank you, you just saved my ass

[@CodeWithClinton]

You're welcome.

[@alvinchisom4841]

Bro i just dey watch this video, E be like say railway no dey work for us way dey Naija.

[@CodeWithClinton]

@@alvinchisom4841 yeah, you need a VPN to access railway from Nigeria.

[@alvinchisom4841]

@@CodeWithClinton ok Bro i will give it a try, me no like Heroku again

[@slliks4]

where are you from? I am guessing delta or benin 😂

[@CodeWithClinton]

What made you think I am from Delta or Benin? Kindly let me know. By the way, I am from Imo State.

[@slliks4]

You talk so fast 🐥 Oh wow I guess I was wrong then

[@nikantkamat8992]

i need to deploy django as an api!

[@CodeWithClinton]

It is the same process.

[@akakonin6924]

Clinton, please I still need your assistance

[@CodeWithClinton]

How can I help?

[@akakonin6924]

@@CodeWithClinton I am still not able to deploy my fullstack App. I would like to communicate with you privately so you can see my code... Thanks

[@FunnyBooks-nv6in]

I think you follow Corey Schaeffer for build this project..

[@CodeWithClinton]

No, I didn't.

[@tomilola_ng]

I don't like my apps depending on railway they give a limited time monthly

[@CodeWithClinton]

Yeah, they give 500 hours monthly. Or you can deploy on PythonAnywhere it uses the sqlite3 database that comes with django.

[@gaureshp.a.8229]

@@CodeWithClinton I need a custom domain so that it's routed to my personal domain. Any other services that gives it for free?

[@CodeWithClinton]

@@gaureshp.a.8229 I don't think there is a service that gives it for free.

[@abderrahmanegorram]

broo why you didn't share the source code

[@CodeWithClinton]

I will add the source Code.

[@melisaaydnc2738]

if i use db.sqlite3 only,is it still working or not?

[@CodeWithClinton]

Try and see.

[@Azizbek_Gulomov]

hello, this video is usefull but i had a bug Command "./build_files.sh" exited with 1 python version 3.11.4 and I wrote to build_files pip install -r requirements.txt python3.9 manage.py collectstatic

[@CodeWithClinton]

Check the terminal on vercel the exact error message should be there.

[@krishnasoni-ge2cx]

404: NOT_FOUND Code: NOT_FOUND this error is coming

[@CodeWithClinton]

What caused the error?

[@krishnasoni-ge2cx]

The project is deployed successfully but when i going to domain giving above error

[@CoderandAnalyst]

it didn't work it says "404: NOT_FOUND Code: NOT_FOUND ID: cdg1::vlxmf-1711096926321-ee8d97504987"

[@CodeWithClinton]

I will look into it.

[@ronunkwor]

Thank you so much

[@CodeWithClinton]

@@ronunkwor you are welcome.

[@BensonIbe]

when deploying on Vercel, i keep getting this error, how do i solve this ModuleNotFoundError: No module named 'django' NB: I have django installed already, in my requirements.txt file, i have Django==4.2.6 in my build_files.sh i have pip3 install -r requirements.txt python3.9 manage.py collectstatic and in my runtime .txt i have Python-3.9

[@CodeWithClinton]

I think Vercel is currently having issues deploying Django.

[@BensonIbe]

@@CodeWithClinton okay. Thank you so much