React + Docker with Security in 10 Minutes

You’ve built a React app, but now you need to deploy it. What do you do? First, it’s probably best to choose a cloud provider as they’re typically low-cost and easy to deploy to.

Most cloud providers offer a way to deploy a static site. A built React app is just JavaScript, HTML, and CSS. They’re static files that can live on pretty much any web server. In fact, with JSX (HTML in JS) and Styled Components, you could even say it’s just JavaScript!

Docker is the de facto standard to build and share containerized applications. You can use it to package your apps and include many open source web servers to serve up your app. As an added bonus, you can configure the webserver to send security headers that make your app more secure.

Prerequisites:

You’ve built a React app, but now you need to deploy it. What do you do? First, it’s probably best to choose a cloud provider as they’re typically low-cost and easy to deploy to.

Most cloud providers offer a way to deploy a static site. A built React app is just JavaScript, HTML, and CSS. They’re static files that can live on pretty much any web server. In fact, with JSX (HTML in JS) and Styled Components, you could even say it’s just JavaScript!

Docker is the de facto standard to build and share containerized applications. You can use it to package your apps and include many open source web servers to serve up your app. As an added bonus, you can configure the webserver to send security headers that make your app more secure.

Prerequisites:

  • Node 12+
  • Docker
  • An Okta Developer Account<

    Print Share Comment Cite Upload Translate
    APA
    Matt Raible | Sciencx (2024-03-28T16:09:32+00:00) » React + Docker with Security in 10 Minutes. Retrieved from https://www.scien.cx/2020/05/18/react-docker-with-security-in-10-minutes/.
    MLA
    " » React + Docker with Security in 10 Minutes." Matt Raible | Sciencx - Monday May 18, 2020, https://www.scien.cx/2020/05/18/react-docker-with-security-in-10-minutes/
    HARVARD
    Matt Raible | Sciencx Monday May 18, 2020 » React + Docker with Security in 10 Minutes., viewed 2024-03-28T16:09:32+00:00,<https://www.scien.cx/2020/05/18/react-docker-with-security-in-10-minutes/>
    VANCOUVER
    Matt Raible | Sciencx - » React + Docker with Security in 10 Minutes. [Internet]. [Accessed 2024-03-28T16:09:32+00:00]. Available from: https://www.scien.cx/2020/05/18/react-docker-with-security-in-10-minutes/
    CHICAGO
    " » React + Docker with Security in 10 Minutes." Matt Raible | Sciencx - Accessed 2024-03-28T16:09:32+00:00. https://www.scien.cx/2020/05/18/react-docker-with-security-in-10-minutes/
    IEEE
    " » React + Docker with Security in 10 Minutes." Matt Raible | Sciencx [Online]. Available: https://www.scien.cx/2020/05/18/react-docker-with-security-in-10-minutes/. [Accessed: 2024-03-28T16:09:32+00:00]
    rf:citation
    » React + Docker with Security in 10 Minutes | Matt Raible | Sciencx | https://www.scien.cx/2020/05/18/react-docker-with-security-in-10-minutes/ | 2024-03-28T16:09:32+00:00
    https://github.com/addpipe/simple-recorderjs-demo