
#### Table of Contents

1. Introduction
2. Requirements
3. Create Next.js App
4. Create Dockerfile
5. Build and Run Docker
6. Test Result
7. Conclusion

### Introduction

This blog demo a quick start for if you want to try the docker with Next.js.

### Requirements

Before, we get start, you'll need to download the `Docker` and `Node.js`, so later we can run `docker` or `npm` or `node` from the local environment.

- Install the `Docker`
- Install the `Node.js`

### Create Next.js App

Here, we'll follow Next.js documentation to create a default Next.js web app, at first, let's run below command base on the instruction.

```Javascript
npx create-next-app@latest
```

Follow the command's instruction then it should create a Next.js, type `http://localhost:3000` at your browser, you'll see the default Next.js website.

### Create `Dockerfile`

Create a file `Dockerfile` then put below content, this will use the `Alpine Docker` image, then copy all current directory content, then run the `yarn install` and `yarn run build` and expose the port `3000`.

```
FROM node:16-alpine
RUN mkdir -p /usr/src/app
WORKDIR /usr/src/app
COPY . .
RUN yarn install
RUN yarn run build
EXPOSE 3000
CMD ["yarn", "run", "start"]
```

### Build and Run Docker

Run below command at the same directory, this'll create a docker image.

```
docker build -t my-first-docker-app .
```

Run this command to check the image we just created.

```
docker images
```

Now, run this command then will execute the docker image in a new container with port 9000. the `-p` is the `--publish` which publish the container's port to the host.

```
docker run -p 9000:3000 {the image id}
```

### Test

You can either type URL `http://localhost:9000` at browser, or run below to verify the Next.js is up and running.

```
curl http://localhost:9000
```

### Conclusion

Above is an simple steps to create Next.js app with Docker, hopefully you like this blog and feel free to reach out if you want to see more of this kind of blogs.


A Simple Tutorial about how to get start with Docker by using Next.js as Web Server.

Get Start with Docker with Next.js


#### Table of Contents

1. Introduction
2. Requirements
3. Create Node.js App
4. Create `Dockerfile`
5. Build and Run Docker
6. Test Result
7. Conclusion

### Introduction

This blog demo a quick start for if you want to try the docker with node.js.

### Requirements

Before, we get start, you'll need to download the `Docker` and `Node.js`, so later we can run `docker` or `npm` or `node` from the local environment.

- Install the `Docker`
- Install the `Node.js`

### Create Node.js App

Here, we'll create a very simple node.js web app, at first, let's run below command.

```Javascript
npm init -y
npm install --save express
nano server.js
```

These command will first initialize npm repo at local directory, and install the `express` as web server and try to create a new file `server.js`.

So in side the `server.js` we'll put below content.

```Javascript
const express = require('express')
const app = express()

app.get('/', (req, res) => {
    res.send('hello world!')
})

app.listen(4455, () => {
    console.log('server is up on 4455')
});
```

This code will start web server as port `4455` and will return message `hello world!`.

If you type `http://localhost:4455` at your browser, you should see the message `hello world!`.

### Create `Dockerfile`

Docker can build image and later you can run load and run the image, so `Dockerfile` is the one has instruction how to build the image.

Create a file `Dockerfile` then put below content, this will use the `Alpine Docker` image, then copy all current directory content, then run the `npm install` and expose the port `4455`.

```
FROM node:8-alpine
RUN mkdir -p /usr/src/app
WORKDIR /usr/src/app
COPY . .
RUN npm install
EXPOSE 4455
CMD ["node", "server.js"]
```

### Build and Run Docker

The code Node.js is ready and Dockerfile is ready too, now we can use `Dockerfile` to build image and run it on our local environment.

Run below command at the same directory of the node.js, this'll create a docker image.

```
docker build -t my-first-docker-app .
```

if You this, you should be able to see the image you just created.

```
docker images
```

Now, run this command then will execute the docker image in a new container with port 4455. the `-p` is the `--publish` which publish the container's port to the host.

```
docker run -p 4455:4455 {the image id}
```

### Test

Run this command on your local environment, we should seee `hello world!` from the node.ja app.

```
curl http://localhost:4455
```

Also, few other command might be useful to use with docker.
List all docker images from local.

```
docker images
```

List all container.

```
docker container ls
```

Stop the container, if you have a website running by the docker container, once stop the container you won't be able to access to it.

```
docker stop {container ID}
```

Find all the containers include the one is stop

```
docker container ls --all
```

##### Delete the container

```
docker container rm {container id}
```

##### Delete all the container

```
docker rm $(docker ps -aq)
```

##### Delete all the images

```
docker rmi $(docker images -q)
```

### Conclusion

Above is an simple steps to create node.js app, include create docker image base on the node.js image, also run the node.js docker image in a container, access from outside of the environment with the port opened, hopefully you like this blog and feel free to reach out if you want to see more of this kind of blogs.


A Simple Tutorial about how to get start with Docker by using Node.js as Web Server.

Get Start with Docker with Node.js


<h1>Another cool name, Docker..!?</h1>
<p>
  Docker supports both Windows and Mac and builds as the dev machine. I have
  used The VirtualBox from Sun Micrososytems, VMWare which is also a leader in
  the system virtualization and Microsoft Virtual PC. There's much more
  different kind of virtualization software too but these are few just I have
  used and I think they're the main ones. Now, when I used these, they all the
  same, I have to download them then install the OS I want to use, then install
  the list of middleware I want for that system. Seems like reasonable to me at
  that moment, but if there's something faster more reliable for you, would you
  use? Sounds like that's <strong>Docker</strong>.
</p>
<h2>So I'm trying to use Docker on my Mac...</h2>
<p>Then, what! You can use SQL Server on Mac!</p>
<h3>But, before that, here's the step I do before go there.</h3>
<p>
  1.
  <a
    href="https://docs.docker.com/docker-for-mac/install/#download-docker-for-mac"
    target="_blank"
    >Install Docker - Get the Community&nbsp;Stable Channel Version for Mac.</a
  >
</p>
<p>&nbsp; &nbsp; Move Docker to Application and Run it.</p>
<p>
  &nbsp; &nbsp; When Docker is done, you'll see "Docker is now up and running".
  Now you can use your favorite&nbsp;command line terminal to run.
</p>
<p>
  <img
    class="img-responsive"
    src="http://res.cloudinary.com/dmwrakaup/image/upload/v1508363461/u7qemwogkdp5ixlj9z87.png"
    alt=""
  />
</p>
<pre><code>
// get current docker's information
docker info
// get docker's version
docker version
// get current images store
docker images
// show running container
docker ps -a
</code>
</pre>
<p>
  Those commands are the basic command, you will know what's version and Docker
  information from the command. So, when you try something little advance like
  following, create <strong>NGINX&nbsp;</strong>http web server, NGINX is open
  source HTTP Server, build for performance. When you type the following command
  at the terminal.
</p>
<pre><code>
docker run -d -p 80:80 --name my-server nginx
</code></pre>
<p>
  Above command, docker will get image Nginx from docker cloud library if your
  local doesn't have this Nginx image. Also, when you type localhost, you will
  see the Nginx sample web site running.
</p>
<pre><code>
// stop my Nginx web server
docker stop my-server

// start my Nginx web server
docker start my-server

// remove my Ngix Web server
docker rm my-server
</code></pre>
<p>
  <img
    class="img-responsive"
    src="https://d1p0mp3f1fx0hz.cloudfront.net/_58yota05n.png"
    alt=""
  />
</p>
<h2>Boom! Docker!!</h2>
<p>
  That's a surprise to me if you compare to use VirtualBox, it's just so easy
  and simple. Also, you don't need to install Linux and just works, because I
  think currently, Nginx is supporting on Ubuntu, FreeBSD, CentOS, Linux,
  debian&nbsp;or other Linux OS. That's cool.
</p>
<h2>Now, How do&nbsp;I Host my content with Nginx</h2>
<p>
  I know I can run Nginx within my Mac and I don't have to install Linux and use
  my Mac's localhost's port 80. Now, I want to develop something by using this
  Nginx dev web server. First, let's prepare the following Html.
</p>
<pre class="langage-html"><code>
&lt;html&gt;
    &lt;head&gt;
      &lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" integrity="sha256-MfvZlkHCEqatNoGiOXveE8FIwMzZg4W85qfrfIFBfYc= sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous"&gt;
      &lt;title&gt;Docker Ningix&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;section class="container"&gt;
                &lt;h1&gt;hello!&lt;/h1&gt;
                &lt;p&gt;My first Nginx Web Server&lt;/p&gt;
        &lt;/section&gt;
    &lt;/body&gt;
  &lt;/html&gt;
</code></pre>
<p>
  The next step is, you have to tell Docker where is your source code, assume
  your HTML is at the following location.<code>{My Folder which has html}</code>
</p>
<pre><code>
docker run -d -p 80:80 -v {MyFolder path which contains html}:/usr/share/nginx/html:ro -d nginx&nbsp;</code></pre>
<p>
  <img
    class="img-responsive"
    src="https://d1p0mp3f1fx0hz.cloudfront.net/_hjfp3ued6.png"
    alt=""
  />
</p>
<p>Cool, I think I like this simple easy setup.</p>
<h2>Install SQL Server on Mac with Docker</h2>
<p>You could use this code to install SQL server 2017 to your mac.</p>
<pre><code>
docker run -e 'ACCEPT_EULA=Y' -e 'MSSQL_SA_PASSWORD=&lt;YourStrong!Passw0rd&gt;' -p 1401:1433 --name sql1 -d microsoft/mssql-server-linux:2017-latest
</code></pre>
<p>Also, you could install following npm <strong>sql-cli</strong> for query.</p>
<pre><code><br />
npm install -g sql-cli
// or run as administrator
sudo npm install -g sql-cli
</code></pre>
<p>
  In addition, Docker has new UI tools to manage the setting,
  <strong>Kitematic</strong>.
</p>
<p>
  <img
    class="img-responsive"
    src="https://d1p0mp3f1fx0hz.cloudfront.net/_p9rxyenz3.png"
    alt=""
  />
</p>
<h3>&nbsp;</h3>
<h3>Conclusion</h3>
<p>
  Docker brings the new idea for development, it is fast. It works very well if
  you want to build web server like Nginx for development but you don't want to
  spend lots of time for creating&nbsp;Linux Environment&nbsp;or setup Nginx web
  server. It works awesome if you want to setup MongoDB dev environment, but you
  don't want to go there website to choose what version, how to setup mongo
  service and setup basic user. If you use Docker it'll just the setup for you
  and support both in the command line and UI interface with Kitematic. In
  addition, you can use Docker on Mac, Windows, and Linux. I'm very impressed
  with this new idea of development Docker brings, it'll definitely make
  developer performance better.
</p>
<p>
  Although, Docker is fast and powerful, like another tool there's no perfect
  and hard to support every single scenario. So far we need to know is, Docker
  images supporting Linux, so if any middle could build for Linux Docker could
  support. That's when Microsoft support SQL Server 2017 on Linux, you could use
  the container on Docker but you can't use SQL Server 2015 or lower version.
  You can't use IIS on docker, because IIS on Linux is not supporting at this
  moment.&nbsp;
</p>
<h3><strong>Reference</strong></h3>
<ul>
  <li>
    <a href="https://hub.docker.com/u/library/" target="_blank">Docker Hub</a>
  </li>
  <li>
    <a href="https://hub.docker.com/_/nginx/" target="_blank"
      >Docker Hub - Nginx</a
    >
  </li>
  <li>
    <a
      href="https://docs.docker.com/docker-for-mac/install/#download-docker-for-mac"
      target="_blank"
      >Download</a
    ><a
      href="https://docs.docker.com/docker-for-mac/install/#download-docker-for-mac"
      target="_blank"
    >
      Doc</a
    ><a
      href="https://docs.docker.com/docker-for-mac/install/#download-docker-for-mac"
      target="_blank"
      >ker</a
    ><a
      href="https://docs.docker.com/docker-for-mac/install/#download-docker-for-mac"
      target="_blank"
    >
      - Mac</a
    >
  </li>
  <li>
    <a href="https://www.docker.com/what-docker" target="_blank"
      >What's docker!</a
    >
  </li>
  <li>
    <a
      href="https://docs.microsoft.com/en-us/sql/linux/quickstart-install-connect-docker#connect-to-sql-server"
      target="_blank"
      >Run the SQL Server 2017 container image with Docker</a
    >
  </li>
  <li>
    <a
      href="https://docs.microsoft.com/en-us/sql/linux/sql-server-linux-configure-docker#troubleshooting"
      target="_blank"
      >Configure SQL Server 2017 container images on Docker</a
    >
  </li>
  <li>
    <a
      href="https://medium.com/@reverentgeek/sql-server-running-on-a-mac-3efafda48861"
      target="_blank"
      >SQL Server Running on a Mac?!</a
    >
  </li>
  <li>
    <a
      href="https://medium.com/@arunoda/production-quality-mongodb-setup-with-docker-65136a4a9d8"
      target="_blank"
      >Production Quality MongoDB Setup with Docker</a
    >
  </li>
</ul>


This blog shows how to set up docker with Nginx and SQL server.

Category Docker

Get Start with Docker with Next.js

Get Start with Docker with Node.js

Setup Nginx and SQL Server with Docker