A simple coming soon page in a minute

Posted by ZedTuX 0n R00t on January 21, 2017

You just got an idea, you bought the domain name, but you don’t want the default server provider page and you also don’t want to spend time on a “coming soon” page.

That’s what happened to me a month ago and was like “Is there any Docker image running a “coming soon” page I could use?”. Unfortunately there wasn’t.

So, it was the time to make it! :)

A dockerised “coming soon” page

So I searched and found this free and sexy “coming soon” page made by Creative Tim and dockerised it so that now you can run your own one in a minute.

How to set the page title and product name?

You can configure this using some environment variables like in the example of the screenshot on the top of this article:

1
2
TITLE="Awesome App" # Set the page title in the <head/> tag
PRODUCT_NAME="My Awesome App" # Set the <h1/> value

Now using Docker:

1
docker run --name coming-soon -d -p 80:80 -e TITLE="Awesome App" -e PRODUCT_NAME="My Awesome App" zedtux/docker-coming-soon

Open your web browser and got to http://localhost/ and you’re done.

Now what about those Facebook, Twitter and Email buttons?

Finally you don’t want to lose your visitors so let’s add some buttons on the top right of the “coming soon” page:

1
2
FACEBOOK_URL="https://www.facebook.com/me" # Show the Facebook button and set its URL to https://www.facebook.com/me
TWITTER_URL="https://www.twitter.com/me"

And so on.

You can find all the available variables in the Github Docker image repository README.md file.

With Docker Cloud

If you’re using Docker Cloud like me, then here is how to set it up in a Stack: