orlando-c-h

docker build -t orlando1409/to-do-app .

orlando-c-h

#==================== Building Stage ================================================ 

# Create the image based on the official Node 8.9.0 image from Dockerhub
FROM node:8.9.0 as node

# Create a directory where our app will be placed. This might not be necessary
RUN mkdir -p /to-do-app

# Change directory so that our commands run inside this new directory
WORKDIR /to-do-app

orlando-c-h

mkdir vue-docker
cd vue-docker
git clone https://github.com/orlando-c-h/vue-to-do-app
cd to-do-app
yarn install
ng build
code .

orlando-c-h

mkdir react-docker
cd react-docker
git clone https://github.com/orlando-c-h/react-to-do-app
cd react-to-do-app
yarn install
yarn build
code .

orlando-c-h

mkdir ng-docker
cd ng-docker
git clone https://github.com/orlando-c-h/to-do-app
cd to-do-app
yarn install
ng build
code .

orlando-c-h

server {
  listen 80;
  location / {
    root /usr/share/nginx/html;
    index index.html index.htm;
    try_files $uri $uri/ /index.html =404;
  }
}

orlando-c-h

#excluding the node_modules directory and the .git directory
node_modules/
.git/

orlando-c-h

#==================== Building Stage ================================================ 

# Create the image based on the official Node 8.9.0 image from Dockerhub
FROM node:8.9.0 as node

# Create a directory where our app will be placed. This might not be necessary
RUN mkdir -p /to-do-app

# Change directory so that our commands run inside this new directory
WORKDIR /to-do-app

orlando-c-h

<app-to-do></app-to-do>

orlando-c-h

//zones can be entirely bypassed by bootstrapping the app with 'noop'
platformBrowserDynamic()
.bootstrapModule(AppModule, {ngZone: 'noop'})
.then( ref => {} );