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

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

Dave Gray via YouTube Direct link

Intro

1 of 20

1 of 20

Intro

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

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

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Intro
  2. 2 Welcome
  3. 3 Starter Code - Frontend
  4. 4 Disable React Devtools
  5. 5 Disable Redux Devtools
  6. 6 Update baseUrl in apiSlice
  7. 7 Create git repository & push to Github
  8. 8 Deploy React app to Render.com
  9. 9 Starter Code - Backend
  10. 10 Update allowedOrigins
  11. 11 corsOptions decision to make
  12. 12 Confirm .env is listed in .gitignore
  13. 13 Create repository & push backend to Github
  14. 14 Deploy the backend to Render.com
  15. 15 Check out the live application
  16. 16 User Stories Review
  17. 17 Check mobile view
  18. 18 Extra clean-up
  19. 19 Additional features & scope creep
  20. 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.

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.