Untuk membuat project pertama, bisa clone project gitlab saya, atau bisa ikuti Create New React App. Langkah selanjutnya

  1. Buat file Dockerfile
FROM node:alpine
MAINTAINER ipang

WORKDIR /app
ENV PATH /app/mode_modules/.bin:$PATH
copy package.json /app/package.json

RUN apk add nano

RUN npm install --silent
RUN npm install react-script -g --silent

COPY . /app

EXPOSE 3000

CMD ["npm", "start"]
  1. Kedua ketik perintah berikut docker run -v ${PWD}:/app -v /app/node_modules -p 127.0.0.1:3006:3000 --rm reactfirstapp:dev.
Tampilan React Getting Started

Tampilan React Getting Started

Catatan penting:

Kenapa port pake 127.0.0.1? Ini berguna agar docker tidak bisa di akses dari luar (berguna saat sudah production use), tapi kalau ingin mencoba membuka di browser, silahkan hilangkan 127.0.0.1.

Jadi walaupun sudah di blok dengan UFW, user masih bisa meng-akses langsung menggunakan IP dan port. Karena settingan iptables UFW berada di bawah settingan iptables docker. Ini cara paling mudah, apabila anda mahir iptables tinggal mengganti setttingan iptables nya saja, tidak mencari jalan pintas seperti saya :)

Berikutnya kita akan dockerize dengan menggunakan file docker compose…