No video :(

How to Deploy a ReactJS and NodeJS app with Vercel!

Подписаться 140

Просмотров 43 тыс.

50% 1

In this tutorial, you'll learn how to deploy a full-stack application built with ReactJS and Node.js using Vercel. Deploying your application is a crucial step to make it accessible to users online. Vercel provides a simple and efficient way to deploy and host your web applications.
Subscribe to the channel for more programming tutorials and leave your questions and comments below. Let's get started with deploying our ReactJS and Node.js app with Vercel!
#ReactJS #NodeJS #Vercel #WebDevelopment #DeploymentTutorial

Опубликовано:

26 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 55

@milkameboe 9 месяцев назад

I'm just just starting with code,, a had the illusion that I can make an app using gpt4. I didn't. Now i'm slowly getting it thanks to your video! Thanks a lot for your effort

@traezeeofor 7 месяцев назад

This tutorial is Express, React and Node. No MongoDB. Frontend and backend both on Vercel. Thanks

@jyliang2987 5 месяцев назад

thank you! I met a problem about git, which warned me client folder is a sub repository inside this project's repository. I googled it found delete .git folder inside client folder (this is a hidden folder so make sure set your hidden folder not hidden😂) then it worked. hope this can help someone might find this error. happy coding!

@aibartolegenov7784 6 месяцев назад

Thanks bro, you solved all my problems. Appreciate that

@walterlewin205 16 дней назад

This tutorial really helpful.

@yusra3198 10 месяцев назад

It was helpful for me as a beginner! Thankyou!

@angeltheesoto 9 месяцев назад

Glad it was helpful!

@abcd4rio 5 дней назад

Could you explain how I can do it if I create a src folder where I put the index.js?

@Jack-o1e 13 дней назад

why do you type to commit when you can just click the three dots under the magnify glass?

@gedeonchrist5645 6 месяцев назад

thanks brother, well explained

@cryptofelix5242 3 месяца назад

Very helpful, thank you!

@xfactorbangs5821 7 месяцев назад

thank you . this video is helpful.

@yashasvic2429 7 месяцев назад

thankyou man it helped !!

@yashprasad2962 5 месяцев назад

Keep up the good work.

@user-vh8fp6rj9m Год назад

How to include MySQL with vercel

@weixiangng8279 25 дней назад

Need to change the express: localhost:3000 in the react based on the production url for calling the API?

@Zeddted 10 месяцев назад

I have a blog app built with MERN stack everything is working well when I've not deployed on vercel but after deployment vercel throws a server error when I try uploading files, the error is ENOENT error no such file or directory, please do i need a special configuration to do I've been on this for the past 2weeks and I've developed headache

@angeltheesoto 9 месяцев назад

Your error is saying that the file or directory doesn’t exists so you might have the setup to your directory incorrectly. Example: your directory is in ./server but say you chose ./myProject/server which might cause that error

@ahad5581 8 месяцев назад

Thank you so much!

@user-wr7wk3fg4v 10 месяцев назад

👍Great, that was helpful. Can I run index.js in Node on Vercel without Express? For example, I want to run a file with a bot written in JS. What should be the description in versel.json in this case?🤷‍♀

@KulturanCov Месяц назад

how do i manage CORS errors when fetching from the server?

@user-hg9zo5gu7v 2 месяца назад

I have both my front end and backend folders deployed to Vercel. How do we link them together?

@justecho5760 6 дней назад

I do have a question though - does it also work with Vite + React?

@justecho5760 5 дней назад

And the answer is - Yes, it does

@krishnanand_yadav 8 месяцев назад

Thank you!!

@jan-qr4xs 6 месяцев назад

I have a problem i am using next js node js sqlite. Although i login it says i am not authorized. I used session based but when ask chatgpt or bard it asking me to change cookie....i am so confused why does session work on localhost and not production? How to solve it? Currently my node is in render and next is on vercel...i try to switch to cookie its says block third party...I have a project due in 4 days....and they wont accept localhost ...it feels like a waste if i cant figure it out 😢

@kumarbabu2259 Месяц назад

at 5:59 you said "I made a mistake here," what does it mean ?

@risselify 2 месяца назад

But how to store data ? Where to store it, i don't see any db.json like files

@mritunjaychaudhary3585 3 месяца назад

Thank you so much

@SaiBaba-zi5my 6 месяцев назад

There is no option to select the individual folders. What shall I do??

@Bochnik_Loaf 4 месяца назад

how'd you get the little type confetti in vs code thou??

@ransi_07 11 месяцев назад

Thank you

@igurutechs2583 3 месяца назад

Is anyone facing CORS error in frontend (React) even after configuring all cors settings in js file and in vercel.json as well? I've used everything but nothing seems to work, i think it's vercel problem... can anyone guide me?

@user-fq7jf6cp9p 11 месяцев назад

thank you

@maplestoryinchinese 6 месяцев назад

thank you!

@quyetdaica2639 5 месяцев назад

what is the extension for typing in your vscode ??

@ahammedmishal1622 Год назад

whats that blast extenstion name

@angeltheesoto 7 месяцев назад

The extension is called power mode! 😄

@viz_dugz 8 месяцев назад

helpful

@mamadoumassaly 11 месяцев назад

I get an empty page in the browser when I visit.

@angeltheesoto 9 месяцев назад

Can you explain the issue in more detail.

@mamadoumassaly 9 месяцев назад

It works now. I had to watch the build logs and the runtime logs.

@vusalnovruzov9192 9 месяцев назад

I have a mern stack e-commerce app, I tried to deploy it to vercel. added vercel.json and cors code as well but it gives me 404 error when deployed. can anyone help me, please?

@pushkarsatpute4618 6 месяцев назад

Facing the same issue, solved it ??

@strahinja1910 6 месяцев назад

Me too, my frontend is working but the backend always says 40@@pushkarsatpute4618

@gedeonagmas 9 месяцев назад

the real problem is coming after you connect the server url to the client. it triggers CORS error. does any one did fix this problem?

@angeltheesoto 9 месяцев назад

You simply install cors and at the top of your server index.js file, implement the cors tutorial code: const cors = require('cors'); then under it add: app.use(cors()); hope this helps

@arupde6320 8 месяцев назад

be regular

@mayowaodunsi7954 10 месяцев назад

Git hub???

@angeltheesoto 9 месяцев назад

Yes, GitHub in short is like a Facebook but for coders. You can store and manage all your code on GitHub. If you don’t know GitHub I would recommend you familiarize yourself with it as it can help you store and manage all your projects.

@arman_hossain67 3 месяца назад

bad video

@viewsbyblur 8 месяцев назад

everytime I try to deploy my client side of my project i get, Could not resolve "./components/Header.jsx" from "src/App.jsx". idk whats going on in my app.jsx