The easiest and best way to update apps on Netlify is almost always to use continuous integration (CI, also known as CD - continuous deployment) - that’s a key feature of the platform. You do some work, commit your changes, push to your gir provider, and we automatically detect those changes, build and deploy your site.
It’s much less error prone and once its set up, it is generally stable and reliable.
there are other options as well, such as deploying from a command line tool, but for your use case, i think deploying from a git repo is the best way to go. You can use github, bitbucket, gitlab or azure devops to store your repos.
You link your git repo to netlify, and once that is done, we handle the rest.
one key advantage of using CI/CD is that as your sites get bigger and more complex, drag and drop stops working reliably. It’s really not intended for sites with more than a few html pages and a few small images - it’s perfect for “under contstruction” type maintenance pages or small projects, but anything more complex than that it’ll max out pretty quickly. It’s likely, i’m guessing, that this is what is happening here to you and why you keep getting stuck.
Unfortunately I’m still having problems.
I’ve now connected with my GITHUB repository. I’m getting errors when trying to redeploy and in the end it’s failing to build.
I understand the CD is really a great feature. On my vanilla JS apps it worked flawlessly…However on React I was under the impression it was only possible to create the app by dropping the build folder you create.
When I initially create any react app this method works well I’m confused why it would not work for an update.
and an update…I tried to update via the CLI in VSC.
Whatever it did it seemed to break the code so when I manually deploy the site I get an error.
I’m likely going to be forced to build a whole new react-app and copy and paste everything.
What a pain! is there really no easier way to update react apps? This has turned into quite the frustrating operation.
hi Kyle, I specifically suggested that you use CI/CD for your application and pointed you towards documentation for that, not the CLI - why did you opt to not follow my advice?
The information you have about CI/CD only being for vanilla JS apps is not correct, you can run very complex build operations easily this way.
You will need to have an up to date package.json that includes the build commands and dependencies you need at the root of your project, and you’ll need to have a netlify account so that you can link your git repo to our system. This is the usual setup for 95%+ of netlify customers.
Please share a build log, or site name, or something that we can identify you in the system so we can assist. What is the error you have received?
My apologies I didn’t explain entirely. I did attempt the CI/CD method as you suggest and it didn’t work.
According to your documentation the CLI option was next on the list. I tried that and it seemed to make the biggest mess
After further inspection trying the CI/CD method via github I noticed some errors on the build log.
Issues that had no impact when hosted locally on 3000 were causing error messages in the log.
I couldn’t tell if they were causing the FULL failure but I figured I may as well remove all errors and try again using the method you suggested.
This time it WORKED. now I’m confused why I’ve never been able to successfully deploy my app via CI until now (most likely something with what appeared to be irrelevant errors).
Now everything looks good and updating the site has never been easier.
I’ve been having the same problem for manual drag and drop deploy in netlify from yesterday. it gets stuck at Creating deploy upload records. I build the app locally and drag and drop the dist folder, but it doesn’t deploy in netlify. I can confirm that locally serving the dist folder works, so there is nothing wrong with my build.
Thanks for reaching out. We have opened an internal issue to discuss drag and drop deploys, and will continue to investigate this with our teams. In the interim, please do not hesitate to share any developments or updates here.
Any one finding this post later, I ended up using the netlify cli netlify depoy and it worked fine, for some reason the drag and drop did not work for me (was working before). I hope this helps people searching here