Skip to main content

Packaging a Static Website with Dockerfile and pushing to DockerHub

 Want to read this with better formatting? Of course you do; Check out the page on Notion!

 

What's in the image?

A simple static webpage I had created for fun a few months ago. I knew it would come in handy!

What did I do?

  • Used demo static webpage for testing.
  • Created Dockerfile

💡 It should be Dockerfile, no extension. Dockerfile.Dockerfile is incorrect!

  • Used nginx Alpine as server and the following code:

 FROM scratch as static-site 

WORKDIR /app 

COPY . . [#to same directory]

FROM nginx:1.16.0-alpine as server

 COPY --from=static-site /app /usr/share/nginx/html 

EXPOSE 80 [#For web access]

CMD [ "nginx", "-g", "daemon off;"]

 From Mwiza Kumwenda (see resources below).

 

CMD [ "nginx", "-g", "daemon off;"]
 
 

 

I wondered if I should use "start" in the CMD [ "nginx", "-g", "daemon off;"] list/tuple, but it worked to package the image without it

 Actually, pushing the image required me to start it as a container and then package the container, otherwise, you're met with the following error messages;

Error Pushing to Docker Hub:

An image does not exist locally with the tag username/staticapptest an 'denied: requested access to the resource is denied', 'failed to read dockerfile:
open /var/lib/docker/tmp/buildkit-mount267173172/Dockerfile: no such file or directory'

It seems odd to me, but I'm not a Docker Developer, I'm sure they have a good reason for this!

The Fix

  • Creating the image as a container and then pushing it works

Steps Taken:

  1. Package app (above)
  2. Run the Image
  3. Take the Image ID and run within a container;
776442dod12   libtest:latest   "nginx -g 'daemon of…"   18 seconds ago   Up 13 seconds   0.0.0.0:80->80/tcp   hopeful_thompson
  1. Commit the container;
docker commit 776442dod12   <name>/libtest:<tag>
  1. 5 docker images reveals;
libtest            latest    776442dod12   25 hours ago     29.4MB
  1. Then I push it to my DockerHub;

 And it works; Check it out publicly here.

Make Sure...

  • You're in the right directory with the file. 
  • The file is simple Dockerfile, not Dockerfile.Dockerfile. 
  • The image is run in a container before you package.

 

Resources used:

 

Comments

Popular posts from this blog

Recon and SSID - Mapping With VisiWave Site Survey

My laptop is refurbished. I've written about how there are a few ... quirks. Being a technology professional, I felt okay with adopting an older machine, knowing I had the skill to fix moderate issues. From dying drivers to monitor massacres, I've ID'd, solved, and documented a lot of issues.  The newest one was my Wi-Fi adapter dropping the connection to a specific extender. While troubleshooting, I was curious about doing recon of WiFi networks and broadcasting devices anyway. That issue? A power setting. It was so determined to save power, it would disconnect. The extender is also flirting with the older end of 6 years old.  The battery needs to be replaced, but that's new to me. As a Windows laptop, there are a plethora of options to pick. How do you decide which one is safest?  I am suddenly concerned about this despite having 3 unofficial, 15$ Macbook Air chargers from eBay, and no explosions. But let's move onto the Site Survey - Where can I find the stronges...

Making KPI Dashboards with PowerBI

 While this is the free tier, I cannot share or collaborate with others, nor can I publish content to other people's workspaces, but they will not stop me from screenshooting and recording these self-taught adventures,so! I'm doing this because I idly searched "Mattel careers" and "Information Technology", and seeing a bulletpoint saying the following: Analytical and reporting skills such as creating dashboards and establishing KPIs such as experience with PowerBI, Cognos, Tableau, and Google Data Lake/AWS is preferred And thought "Well, I've used Tableau, and I've heard about PowerBI,  even if its in-demandness is questionable , so how similar is it? And can I write about it?"  First, PowerBI (PIB) does have a downloadable, local version, but apparently Windows-only. I could download the .exe but I couldn't run it / drag it to applications on my MacBook.  Not a problem, we'll use the online SaaS version, and a dataset found here, ...

S3 Event Notifications Using Lambda

I earned my AWS Solutions Architect Certification in Feb 2026 (🎊) but Like Smash Mouth said, "So much to do...so much to see."  I've used Lambdas that, when an object was uploaded to a bucket, sent a notification to Eventbridge, and then sent me a text and email via SNS. Now, thanks to the free project on Adrian Cantrill's GitHub , I'm going to make a small image processing eventflow. (Emoji use is for fun; Everything here written by a human being.)  What's Happening: Images uploaded to an S3 bucket are made into 5 thumbnail variations thanks to the power of Lambdas and inserted into an output bucket.   Business Use case; If you want to get quick thumbnails.  Maybe this can be scaled out to do file conversion, like .txt to .pdf.  Materials: 2 S3 buckets - one for input, one for processed output. Lambda An image!  Step 1: Bucket Creation  🪣 I made one bucket (runtcpip-source, for images to go in) and copied the settings from it to make the second...