Главная
Study mode:
on
1
Intro
2
Welcome
3
Starter Code - Frontend
4
Disable React Devtools
5
Disable Redux Devtools
6
Update baseUrl in apiSlice
7
Create git repository & push to Github
8
Deploy React app to Render.com
9
Starter Code - Backend
10
Update allowedOrigins
11
corsOptions decision to make
12
Confirm .env is listed in .gitignore
13
Create repository & push backend to Github
14
Deploy the backend to Render.com
15
Check out the live application
16
User Stories Review
17
Check mobile view
18
Extra clean-up
19
Additional features & scope creep
20
Missing step for page reloads & refreshes to work: Go to Redirects/Rewrites and add a rule with Source set to /* and Destination set to /index.html and Action set to Rewrite. Save the rule.
Description:
Learn how to deploy a full stack MERN (MongoDB, Express, React, Node.js) application in this comprehensive tutorial. Follow step-by-step instructions to set up and deploy both the frontend React app and the backend Node.js REST API to Render.com. Discover essential techniques such as disabling React and Redux devtools, updating API configurations, creating Git repositories, and handling CORS options. Explore the process of deploying to Render.com, including important steps for page reloads and refreshes. Review user stories, check mobile responsiveness, and consider additional features and potential scope creep. Gain valuable insights into full stack deployment practices and enhance your web development skills.

Deploy a Full Stack App - React, Node.js, Express, Mongo - MERN Tutorial

Dave Gray
Add to list
0:00 / 0:00