React: Production Server Setup Part 2 - Live Coding with Jesse

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=hCGA7d-Ul4Q


Duration: 1:18:58
3,776 views
41

See a professional front-end developer at work. Unscripted. Mistakes included.

Watch me set up a DigitalOcean droplet that will run run Ubuntu, Node, Express, React via Next.js and Nginx as a reverse proxy. I will also eventually secure the server using LetsEncrypt.

UPDATE: Toward the end of the video, I run the command: sudo pm2 startup systemd. This was a mistake. Run it without the sudo and follow the instructions given in the output. If you did follow my video instructions, just use: sudo pm2 unstartup systemd. This will undo everything and you can type the command correctly.

Digital Ocean Guides:
Ubuntu 16.04: https://www.digitalocean.com/community/tutorials/initial-server-setup-with-ubuntu-16-04
Nginx: https://www.digitalocean.com/community/tutorials/how-to-install-nginx-on-ubuntu-16-04
NodeJS: https://www.digitalocean.com/community/tutorials/how-to-set-up-a-node-js-application-for-production-on-ubuntu-16-04

Repo: https://github.com/fus-marcom/ci-react

React: https://facebook.github.io/react/
Next.js: https://github.com/zeit/next.js/
Materialize: http://materializecss.com/

Twitter: https://twitter.com/JesseRWeigel
Youtube: https://www.youtube.com/c/JesseWeigel29

Code Editor: https://atom.io/
Terminal: https://www.iterm2.com/
Project Management: https://trello.com

-

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community.

Join our community at https://freecodecamp.com
Read great tech articles at https://medium.freecodecamp.com



Other Videos By freeCodeCamp.org


2017-05-30React: Setting Up Google Analytics - Live Coding with Jesse
2017-05-26Post Launch Updates - Live Coding with Jesse
2017-05-25Last Minute Updates - Live Coding with Jesse
2017-05-24Browser and Device Testing - Live Coding with Jesse
2017-05-24setInterval and setTimeout: timing events - Beau teaches JavaScript
2017-05-23React: Dealing with jQuery Issues - Live Coding with Jesse
2017-05-22React: Parameterized Routing with Next.js - Live Coding with Jesse
2017-05-20Graph Data Structure Intro (inc. adjacency list, adjacency matrix, incidence matrix)
2017-05-18Browser history tutorial - Beau teaches JavaScript
2017-05-16cookies vs localStorage vs sessionStorage - Beau teaches JavaScript
2017-05-16React: Production Server Setup Part 2 - Live Coding with Jesse
2017-05-15React: Production Server Setup - Live Coding with Jesse
2017-05-13Heap Data Structure (max and min)- Beau teaches JavaScript
2017-05-12React: Server Side API Calls with Isomorphic Fetch - Live Coding with Jesse
2017-05-12A day at Amazon with developer Dave Jeffers
2017-05-11React: Props - Live Coding with Jesse
2017-05-11Pop up boxes tutorial - Beau teaches JavaScript
2017-05-10React: Building Components - Live Coding with Jesse
2017-05-09React: Initial Setup - Live Coding with Jesse
2017-05-09Window Object: move, open, close, & size - Beau teaches JavaScript
2017-05-08Hide/Show Section on Click - Live Coding with Jesse


Tags:
learn to code
help nonprofits with coding
learn react js
learn basics of computers
Live Coding
Ubuntu
Nginx
NodeJS
ReactJS
Web Development