Deploy a Django web app to Vercel [FREE]
Vložit
- čas přidán 4. 01. 2023
- Deploy a Django web app to Vercel
Important links:
github.com/
vercel.com/
💻 | Website:
www.cloudwithdjango.com/
🧑🏫 | Courses:
www.cloudwithdjango.com/courses
📑 | Blog:
www.cloudwithdjango.com/blog/
📢 | Coaching:
/ coaching
💼| Join the Slack community:
cloudwithdjango.slack.com/joi...
❤️ | Support:
Patreon - / cloudwithdjango
PayPal - www.paypal.com/donate/?hosted...
🎮 | Twitch:
/ stark_coder_
PLEASE READ EVERYTHING INCLUDED IN THIS MESSAGE:
vercel.json code:
{
"builds": [{
"src": "djangoprojectname/wsgi.py",
"use": "@vercel/python",
"config": { "maxLambdaSize": "15mb", "runtime": "python3.9" }
}],
"routes": [
{
"src": "/(.*)",
"dest": "djangoprojectname/wsgi.py"
}
]
}
IMPORTANT NOTE:
Hi all,
Please note that you will have to setup your static and media files as well - I'd suggest using Amazon S3.
Here is a tutorial on how to setup Amazon S3:
czcams.com/video/JQVQcNN0cXE/video.html
You will also have to setup your database as well - I'd recommend using a PostgreSQL database.
Here is a tutorial on how to setup a PostgreSQL database with Render for FREE:
czcams.com/video/AgTr5mw4zdI/video.html
----- PLEASE READ --------------
ALTERNATE DEPLOYMENT METHODS:
Deployment with PythonAnywhere:
czcams.com/video/xtnUwvjOThg/video.html
Deployment with Render:
czcams.com/video/AgTr5mw4zdI/video.html
I get Error: The build result from "@ardnt/vercel-python-wsgi" is missing the "output" property. do you know to do next?
great resources, love it
Thank you for the video !!! Straight to the point.
I deployed my Django project successfully on Vercel. Wish you good luck.
It is a great pleasure, Syed!
I'm very glad to hear that you managed to deploy your project successfully!
Thank you for your positive comment, and feedback!
All the best!
Wow this worked like a charm, thank you very much! Definitely subscribing!
I'm glad that everything worked well for you!
Of course, my pleasure!
Thank you for the Sub! I appreciate it!
Finally I am able to deploy my app. Great explanation. Thanks a lot.
I'm glad to hear that you managed to deploy your app.
Thank you for your polite feedback! It is a pleasure!
Awsome tutorial, great job and big thanks ♥
Thank you so much!
It is a pleasure! :)
Thank you very much for your help, I managed to deploy using Vercel. Hugs from Brazil.
My pleasure! I'm very glad to hear that you managed to deploy your app using Vercel! All the best to you! :)
Hey, didn't it gave error while deploying due to python version 9.10 or 11? Did you managed to find other way around
Thank you so much! Very informative and easy to follow
Thank you very much! I appreciate the feedback!
It is a pleasure! :)
Thanku show much bro. Finally I have deployed my website
My pleasure, Swapnil!
I'm very glad to hear that!
All the best :)
thank you! great explanation
Thank you for your feedback! :)
It is a pleasure!
Thanks for this , helped me host it , very simple and easy
My pleasure! I'm glad that it helped you! All the best to you!
Thanks bro, it really helped me.
My pleasure! I'm glad that it helped!
This was more than helpful for metoday...
I'm glad that it helped you!
Big help of this tutorial! gonna upload and deploy my django project soon
I'm glad to hear that my tutorial was helpful to you! Good luck!
it worked 😭😭🚀🚀🔥🔥
I'm glad to hear that!
10K subs soon. Thanks!
My pleasure! Haha... I've still got quite the way to go, but one day :)
Thank you!
Thanks a lot🥰
My pleasure!
Thanks brother.😄
My pleasure!
@@CloudWithDjango Could you make a video showing how to deploy a static django website on vercel?
Thank you for your suggestion. For more information on static files please read the pinned comment or you can check out my static file video tutorials with cloudinary (on the channel).
hi, my django project has react as frontend. i tried exactly how you did on the video & it was deployed but the pages are not rendering. it only shows white page with nothing in it. again, I did exactly how you said. how do I get my react routes deployed?
have you tried doing it with linode?
Thank you man. Is this gonna work with static files?
My pleasure!
You would need to either use whitenoise or Amazon S3 for static files. More information is available under the pinned comment.
Hey, Thanks for the video, I had one question.
Referencing it to your case. What if we dont have the dev file and put the first elevate file onto github?
It should still work right?
Hi,
It's a pleasure!
It depends on your overall application structure I would say. Best way to find out, is to try and see.
@@CloudWithDjango Thanks for responding. I did try but ended up with the following error:
Command failed: pip3.9 install --disable-pip-version-check --target . --upgrade -r /vercel/path0/requirements.txt error: subprocess-exited-with-error × Getting requirements to build wheel did not run successfully. │ exit code: 1 ╰─> [22 lines of output] Trying pkg-config --exists mysqlclient Command 'pkg-config --exists mysqlclient' returned non-zero exit status 1. Trying pkg-config --exists mariadb Command 'pkg-config --exists mariadb' returned non-zero exit status 1. Traceback (most recent call last): File "/usr/local/lib/python3.9/site-packages/pip/_vendor/pyproject_hooks/_in_process/_in_process.py", line 353, in main() File "/usr/local/lib/python3.9/site-packages/pip/_vendor/pyproject_hooks/_in_process/_in_process.py", line 335, in main json_out['return_val'] = hook(**hook_input['kwargs']) File "/usr/local/lib/python3.9/site-packages/pip/_vendor/pyproject_hooks/_in_process/_in_process.py", line 118, in get_requir
I verified all my files in requirements.txt and all looks fine.
Any tips, where did I go wrong?
I have a doubt how to deploy reactjs and django project in vervel
man i need a little help. in my django app i use "Tesseract" called OCR application that i need to install in order to work my application properly. how could i install that "Tesseract" app to vercel when i'm deploying my django appliication ?
Hey, I am using opencv in project and when I deploy on vercel this shows data too long error, if possible then please help
Hi,
When you deploy a project. It is advised to not deploy a full project with multiple dependencies. I would suggest that you start with minimal packages and work your way up.
Good luck!
I have my database in my sql on local host, Do i have to deply that seperately?
If yes then could u suggest me any video for it
Hi,
You don't need to deploy separately.
There is a database mastery video on my channel that will assist you.
Good luck!
Hey man, any idea how I can set up environment variables with django on vercel
Hi Kerry,
Thank you for reaching out,
This documentation should serve as a good starting point for your aim:
vercel.com/docs/concepts/projects/environment-variables
Good luck!
Legend
Thank you!
Thank you for great video!
I deployed my django project successfully, but later on when I added django rest framework to my project and committed to github, my app crashed on vercel. I got error messages that says "no module named 'rest framework' ".
When I pip installed rest framework, virtual environment was active, I also included it to requirements.txt and to my settings in installed apps.
I can't find solution on the web, do you have ideas why it is happening?
Hi Santiago,
My pleasure, I'm glad that my tutorial was of value to you.
Thank you for the detail.
This is most likely because you are using a newer rest_framework package version which could be in conflict with Vercel's compatibility. Sometimes Vercel takes time to catch up with the latest modules and packages.
I'd suggest deploying your django app with the rest_framework package on either Render (it is much more reliable and production-ready than Vercel)
Render tutorial ->
czcams.com/video/AgTr5mw4zdI/video.html
Good luck!
Got it. Thank you so much, I appreciate your help:)
@@santiagomunez4214 My pleasure! :)
All the best!
Hello bro please reply i had implemented a real estate website in django with mangodb db database for login and signup and some other works is any extra setting required for deployment of project with database in vercel please tell
Hi,
I would suggest that you take a look at the other deployment videos on my channel or investigate further in regards to the Vercel docs.
Good luck!
Hi I have an important question, what if my Django runs on ASGI server instead of WSGI?
Hi,
Unfortunately, this video is only for WSGI. You'd probably need to do some extra reconfiguring of sorts for ASGI
Plz make a video on how to access postgres database on render I deployed my app successfully but I dont know how to check the tables
Hi Qais,
Thank you for reaching out and for your feedback.
You should be able to check everything that you need in Django admin in terms of your models.
So i deployed my website bt it's rendering only HTML can u help me how i can get access to terminal and run the collect static command???
Hi,
I would recommend using amazon s3 buckets. It's much easier to do it that way. I didn't use Vercel for that.
👍
does this work with POST API ? I tried but keep saying "Authenticating" only
The project here isn't based on API's so, I'd suggest reading the Vercel docs on additional information
thank you for the great tutoriel
but i have an error This Serverless Function has crashed. with 500 error
after searching i found that vercel doesn't support models and after getting deeper i also found that it supports models but the problem is in sqlite is that true!
Hi,
It's possible that your application is too large, and as a test you can change your database from sqlite to possibly postgres.
@@CloudWithDjango yep this you this what i'm trying to do
Helpfull video👍...but when i try to deploy very simple django restapi with image upload capability it gave me internal server error deterministic=True requires SQLite 3.8.3 or higher
Thank you! Please use another database such as postgres or mysql and not sqlite.
I am getting something from your voice, you studied in the UK for a while and lived there for a while but you are not originally from there. your accent is faint but still audible.
Bro thinks he's Sherlock Holmes 💀
Invalid request: `build` should be object
Hey there, everything worked fine until I pressed deploy and it showed me this error message, any idea how to solve it?
Hi,
Please check your packages (start simple) and double check your settings.
If you are still struggling please see my video tutorial with PythonAnywhere below (it should serve as a better alternative):
czcams.com/video/xtnUwvjOThg/video.html
Good luck!
I get 'deterministic=True requires SQLite 3.8.3 or higher' what should I do
Hi,
Please use MySQL or PostgreSQL as your database. Additional information is provided in the pinned comment.
Sir, it deployed but why does my css doesn't apply? although I used internal CSS.
Hi,
Please read the pinned comment.
I have successfully deployed but the Image in the website is missing.
What should I do ?
Hi,
Please read the pinned comment on Amazon s3.
Does it work with a django rest framework project?
Hi,
The best way to know would be try and see with your project.
is this SSL? and can i use react as frontend
Hi,
No, you would need to use an SSL certificate. You can but you need to configure react in certain way for it work.
Hi, cool video! Followed all your steps but Im getting a 500 error when trying to deploy with message: Unknown application error occurred Runtime.Unknown
Hi Francisco,
Thank you for your feedback.
If you are struggling to deploy your app on Vercel. I would suggest either trying PythonAnywhere or Render. I have a few tutorials on those alternatives on the channel.
Good luck!
The error 500 happened for me because I hadn't turned DEBUG=False
Good
Thank you!
I got error: OSError: [Errno 30] Read-only file system in Django
when I tried to upload image in django production vercel. How can I solve it?
Hi,
Please double check your configuration settings. I'd also recommend that you make sure that your application is working locally.
Additionally, I'd suggest deploying on your first time with minimal packages.
thank you for your effort ! it's not sending me any code verification .. is there any solution to this? and what other hosts can I deploy my django project to for free ?
Hi,
No problem. I'm sorry, I'm not sure what you mean with code verification? Perhaps your application has unique requirements, that other platforms can only satisfy. So, I wouldn't know about that.
Yes, you can deploy to Railway, Render or PythonAnywhere for Free.
I have video tutorials on Render and PythonAnywhere on the channel, so perhaps that will assist you.
Good luck!
@@CloudWithDjango it seems that most free plans on host servers are limited like pythonanywhere and render, are there other sites that provide larger space for example 2GB?
Yes, all free options on all platforms will have a limit.
You will just need to try what is available (Railway, Render, PythonAnywhere), and if your project is too large, then you will have to upgrade your tier.
Hi, im getting "A Serverless Function has exceeded the unzipped maximum size of 250 MB." ERROR, could u help me?
Hi,
I think your application is too large. I'd suggest cutting down on it's size (if possible) or perhaps deploying with PythonAnywhere or Render. I do happen to have tutorials on the channel to help if you plan to use either of these alternatives.
Good luck!
can we use static files in the django app
Hi,
Yes, but you would need to use Amazon S3 or whitenoise to handle them. Please see the pinned comment for further information.
not really happy with the copying part, passing some secret variables maybe?
Secret variables? I'm sorry, I'm not sure what you mean. We use configuration settings to setup our application in Vercel.
I am getting error ...it's saying needed sqllite version 3.8.3 or higher. How to fix it
Hi,
Please either update your Django version OR use a postgres/mysql database from Render or Railway instead of the default sqlite database.
Bro how much time it will take for deployment
Hi,
It shouldn't take long. Please make sure that you set everything up correctly.
@@CloudWithDjango bro please make a vedio for updated version of python 3.10.11
When i wrote ..pip freeze> requirements.txt , i m getting error that -- pip is not recognise
Hi,
Most likely this issue will arise if you haven't installed Python correctly on your system/device.
hi, i got error like this "A Serverless Function has exceeded the unzipped maximum size of 250 MB" i use python3.10. its okay?
Hi,
If you are struggling to deploy your app on Vercel. I do have alternatives on the channel, such as Render and PythonAnywhere. Perhaps, these alternatives will be better for your application.
Hi, How did you fix this?
@@Sxxlex not finished yet
@@carokowasesoyekti4440 oh okay cool, I am experiencing the same, not sure how to circumvent that.
all the best
Can you make a video deploy django and reactjs project in vercel.....
Thank you for your suggestion.
How we can upload the staticfiles too?
Hi,
Please kindly read the pinned comment for more information.
Mine is showing 404 not found but the app run very well locally please help me
Hi,
I'd suggest kindly double checking the steps in the video or to kindly refer to the pinned comment
hellio
i followed your tutorial and i keep getting this error
[ERROR] Runtime.ImportModuleError: Unable to import module 'vc__handler__python': No module named 'django'
Traceback (most recent call last):
I've tried to search & fix the error, but I'm not getting any answer
can you help out ?
Hi,
Please refer to the pinned comment for alternate deployment methods.
it's almost 30 minutes..the basic django website is still not deployed..anyone facing the same issue..pls suggest
Hi,
Please double check your settings and packages. It's better to deploy first with minimal packages and then to scale up.
If however, you are still struggling feel free to check out my PythonAnywhere tutorial:
czcams.com/video/xtnUwvjOThg/video.html
@@CloudWithDjango Thanks man..The issue got sorted
My pleasure! I'm glad to hear that!
Error: No Output Directory named "staticfiles_build" found after the Build completed. You can configure the Output Directory in your Project Settings.
Hi,
You need to use whitenoise or Amazon S3 (please see the pinned comment) for static files
@@CloudWithDjango ok thanks
hey Thanks for this video. I have deployed my website of todolist but getting the server error(500) after the Register and Login Page
My pleasure!
Please check your configuration settings and packages.
I'd also recommend using s3 for static files and railways postgres database to help prevent additional issues
Login issue
I cant submit my mobile code verification
Got error when enter my mobile an press continue
Error :unexpected error
Hi,
To use mobile code verification with Vercel may prove to be challenging.
I'd rather recommend checking out my other video tutorial on Render:
czcams.com/video/AgTr5mw4zdI/video.html
Good luck!
After deployment I am getting an error 404
I have created a simple project of login and registeration form😢
Please ensure that you followed all the steps correctly.
Hm, your app was built in 2 minutes, my app - is 3 seconds and after, when opening the page, have an vercel error: 404: NOT_FOUND. Code: NOT_FOUND. Why? Did as you step by step
Hi,
Yes, everything is step by step. It is recommended to take some time before opening your page.
I'd also suggest double checking your configuration and application size before you deploy.
@@CloudWithDjango I sit on this all day. Also, I used demo project by vercel and add some changes and this project has been crushed, too. On my local machine works well both projects. No error in logs on versel
Please make a video deploy django and reactjs project in vercel...
Thank you for your suggestion!
@@CloudWithDjango No one can make a video combined reactjs and django project deploy in vercel
Please can you make a videooo
Thank you for the suggestion!
Hey guys , I got a problem in deploy progreess that is 500: FUNCTION_INVOCATION_FAILED.Could u tell me How to solve it ? Thank you
Hi,
Please be sure to double check your steps and to also ensure that your application isn't too large
@@CloudWithDjango Have you ever seen bug likes while deploying "pip3.9 install --disable-pip-version-check --target . --upgrade -r /vercel/path0/requirements.txt"
Yes, I have. A simply solution would be to instead deploy with Render or PythonAnywhere.
what if i have database then does it work
Hi,
You would need to test your application to find out. That being said, you shouldn't have any issues.
Can i integrate Adsence on free tier?
Hi,
It's unlikely that you would be able to do so, since you would need a stable website up and running, since the free tier is limited.
Can i host django restapi with sqlite in vercel ?
Hi,
it should be possible. I would recommend giving it a try and seeing how it goes.
What if we have more than one endpoints??
Hi,
If you have more than one endpoint, you are going to have to modify your application and structure, and do some external research.
mine kept saying "Error: Unable to find any supported Python versions." Please help!!!
Hi,
I'd suggest trying alternative python versions
how can I take care of my static images for my Django project?
Hi,
Please read the pinned comment for additional information.
@@CloudWithDjango amazon doesn't provide a free solution to host images. Do you know a free service that can help?
Hi,
If you are new to AWS, you will be eligible for the free tier with Amazon S3.
shorturl.at/blsR7
Or you can use cloudinary.
Good luck!
@@CloudWithDjango if you're free I'd love to have a zoom call with you where I'll explain my issue during deploying my django project.
Hi,
Thank you for reaching out.
You are more than welcome to reach out to me via the following link on the Cloud With Django website:
www.cloudwithdjango.com/coaching/
Hmm, I coppy the content and change its project name, but I got the error : Invalid JSON content inside file "vercel.json"
Hi,
I'd suggest double checking your configuration
I got the same error, and i double checked it. How to solve this
I tried to upload my django project they are giving 404 error. need urgent help please
Hi, please kindly refer to the pinned comment
How to deploy reactjs and django project in vercel
I am your subscriber please make a video sir
Thank you for your suggestion and for your support.
Is it possible to import the db ?
Hi,
Yes, I'd suggest using postgres from Render
Thank you for the video. I got this error after deploying :
NotSupportedError at /
deterministic=True requires SQLite 3.8.3 or higher
No problem.
Yes, please use a MySQL or PostgreSQL database instead of the default SQLite database.
I got this error:
WARN! Due to `builds` existing in your configuration file, the Build and Development Settings defined in your Project Settings will not apply. Learn More: (link)
Error: Unable to find any supported Python versions.
Hi,
Please double check your settings or kindly refer to the pinned comment for alternative deployment methods
I got 404:NOT_FOUND error when i deployed. Why?...solution for it?
Hi
Please read the pinned comment
Bro tks for this video really helpfull
But I'm facing this error here
500: INTERNAL_SERVER_ERROR
Code: FUNCTION_INVOCATION_FAILED
ID: gru1::bw84j-1695992441182-9b29fc6e31da
The problem looks like to be in the 'django' module
I check my logs and all of them says that:
[ERROR] Runtime.ImportModuleError: Unable to import module 'vc__handler__python': No module named 'django'
Traceback (most recent call last):
But I have the django module in my requirments.txt
Do you know how to fix it??
Tks again!
No worries!
If you are continuing to struggle with this, please be sure to see the alternate deployment options under the pinned comment!
Good luck!
I tried to upload my django project they are giving 404 error
Hi,
Please double check your configuration settings, and your application size.
A Serverless Function has exceeded the unzipped maximum size of 250 MB. HELP!
Hi,
Please kindly refer to the pinned comment
Hi i get deterministic=True requires sqlite 3.8.3 or higher error
Hi,
Please either upgrade your django version OR use a different database such as postgres or mysql.
@@CloudWithDjango ok thanks
Pleasure.
Good luck!
Hey bro I updated database to psql but now I get This Serverless Function has crashed error 😭
Hi,
Then it maybe that your application is too large. I would suggest either deploying then with Render or PythonAnywhere. I have tutorials that explain these alternatives!
Your serverless connection has crashed problem
Hi,
Please double check your configuration settings and refer to the pinned comment.
Im getting 404 not found error after deploying
Hi,
Please kindly refer to the pinned comment
where is your accent from?
how to do react with django and verecel
Hi,
This is not covered in this video, I'm afraid
@@CloudWithDjango hey, will the steps remain same?
They probably will not
How to create requirement.txt
You can use this command:
pip freeze > requirements.txt
This Serverless Function has crashed.
Help me ....
Hi,
Please read the pinned comment for an alternative deployment method.
@@CloudWithDjango can i get your discord so that i could get help deploying
hi man, can you make clear crash course on htmx with django
Hi,
Thank you for reaching out and for your suggestion.
If time allows for it, I'll try and look into it
If we don't have the database, it will not work.
Hi,
Support is given under the pinned comment for this
why 3.9? vercel don't support 3.11?
Hi,
This video was made a while back to cater for 3.9, you can try 3.11.
how to migrate and how to setup media and templates with debug = False
Hi,
Please read the pinned comment.
@@CloudWithDjango I fixed it at my own.. Pls tell me how much db load vercel can handle and how much storage is provided
amazing!!!!! but im getting error of 404
Thank you.
The error 404 means page could not be found, so I would suggest that first check that your application has no issues locally.
If you are still struggling. I do have other deployment tutorials on Render and PythonAnywhere (on the channel).
Hi, do I understand correctly that vercel is not able to save media files (so when I added a photo through the admin, I can't view it (locally I can, through vercel - no))
Page not found (404) ... The current path, media/media/bike_HuDgbW8.webp, matched the last one.
Hi,
Vercel itself doesn't have a built-in media storage feature; it's primarily a platform for deploying and hosting web applications. When you deploy your application to Vercel, it is generally expected that you handle media storage elsewhere, such as using cloud storage services like Amazon S3, Google Cloud Storage, or others.
So, I'd recommend utilising Amazon S3 for this use case. You can find more information in the pinned comment.
Good luck!
@@CloudWithDjango , thanks you for such a detailed answer!
My pleasure!
set debug to false
Hi,
Thank you for making this note. For deployment debug should always be set to False
I followed each and every step in this video but i am getting this warning - "due to builds existing in your configuration file, the build and development settings defined in your project settings will not apply." Also i am getting this error- "Invalid runtime configured (python 3.6)" Please help! :(
Hi,
If you are struggling to deploy your application to Vercel please check out my PythonAnywhere tutorial:
czcams.com/video/xtnUwvjOThg/video.html
Good luck!
how to deploy django and react
You do them independently what im planning to do is deploy django first then react
Sir please help 505 error 😢😢
Hi,
Please double check your steps or refer to the full pinned comment for alternative means of deployment
hello its showing error 404,, please help
Hi,
If you are still struggling. I would suggest deploying with Render or PythonAnywhere. I have tutorials on the channel covering those manners of deployment.
@@CloudWithDjango sure thanks for replying
My pleasure.
How to rectify 500: INTERNAL_SERVER_ERROR
Hi,
Please check your packages. Adding too many packages for your first deployment can cause issues. I'd recommend starting with minimal packages. Just to gain the confidence of deploying to Vercel. Also, it's a trial and error process. You will need to see what works and what doesn't - package wise
Please also double check your steps, since you need to be precise in deploying your application
@@CloudWithDjango Thanks for replying
my error got rectified but the static file are not loading.
@@SrikrishnanR No problem. Yes, the static files won't work because you need to serve them with Vercel or with Amazon s3 buckets. That is something extra to work on.
@@CloudWithDjango may i know how to serve them with vercel
@@SrikrishnanR Sure. This link will give you some guidance.
vercel.com/guides/how-to-upload-and-store-files-with-vercel