For example, I don’t know the difference between Bootstrap 3 and 4.
So I created a project based on Bootstrap 4.
A simple dictionary website for people to find meaning of a word.
Basically it’s a place for people to search for meaning of a word in Malay.
To make it better, I also use Google Translate API to grab meaning in English and insert it into the DB. So it doesn’t have to query Google Translate all the time. It only query it one time and then I insert it into the DB.
The second time people visit the same page, the page won’t call Google Translate API again. Just have to query the database. I use MySQL for this project.
I originally use Vue with Axios for this website. Vue is after all the hottest thing right now. I first used it in one of the take-home coding interview and it seems quite interesting to use.
But the moment I saw the website in Google Index, it seems that Google doesn’t really crawl all the links inside.
So I turned back to using vanilla HTML website again.
At the website I also implemented a simple search suggestion using Bootstrap Typeahead so people can know what’s in the database before they click Cari.
As you can see, there are a lot of things that I am doing on the website under the hood. It’s pretty simple website, sure. But it means that I can learn how to use Bootstrap 4, Vue and Axios.
That’s how we can learn how to use a new programming framework — by using it. Every framework is a little bit different and the best way to learn about it is to implement it yourself.
In the past 2 weeks I was so busy with many things. Had an interview with a well known media company. It was the longest interview process that I ever had. and I was busy finishing a system I’m developing and collecting data for the green system here.
Right now, at AiU, I have to think a lot about how to implement IoT solution. How the overall of the architecture looks like.
Microservices – also known as the microservice architecture – is an architectural style that structures an application as a collection of loosely coupled services, which implement business capabilities. The microservice architecture enables the continuous delivery/deployment of large, complex applications. It also enables an organization to evolve its technology stack.
Why do I choose microservices architecture?
At AIU, I won’t be connecting just one type of device (the switch), but I’ll be connecting with the door and the solar, the battery and the grid.
I don’t like a single point of failure even though using just one system may make the system easier to make.
Another challenge that I have is that all these devices “speak” different languages. One is Java, another is C++ and another… Microsoft Access.
Since I have to connect to multiple types of devices with multiple languages at the same time, I doubt that a monolithic architecture is a good way to integrate all these devices.
In software engineering, a monolithic application describes a single-tiered software application in which the user interface and data access code are combined into a single program from a single platform.
Drawbacks of Microservices Architecture
To debug is quite hard. You have to write all the loggings for all the different services and it may have different languages
Consumes more time to develop than a monolithic one. Each type of devices has its own so-called “controllers”. Instead of one big one that manages everything.
Pros of Microservices Architecture
Easier to add new functions. If I wanted to add new function to the smart switch like scheduling, I just whip open the smart switch controller’s project, I can add that function.
Know exactly what’s going on – instead of guessing, I know which device caused problem. Can’t get the data from solar panel, OK it’s autoswitch controller’s problem. I can debug from there.
Microservices is not a silver bullet to me. It’s just that I felt that using this architecture is the best for this situation of mine.
I have never expected that this little blog of mine will reach the 1st page of Hacker News.
I dreamed of it. How wonderful it would be if I just reached the 1st page of Hacker News… but I never think that I’ll get to the 1st page.
Just out of curiosity, I submitted the post I wrote few months back to Hacker News. It’s basically a place where startup people read whatever happening in the startup world.
And a few minutes after I went away from my laptop to watch TV, I refreshed my blog.
And it’s Error 500.
And MySQL is down.
Ops. Oh oh.
Then I realised: my site IS trending up in Hacker News.
I’m elated. Electrified is the right word I guess?
So many people want to see what the fuss is all about the blog post but it’s not up?
So how do I get my site back up running again?
And… I did a classic mistake that many made.
I did not activate caching plugin.
Nope. I did not even download it.
What a foolish mistake to make.
I thought of enabling it, but I never bothered to download it in the first place.
I opened the Hacker News link and saw so many people bashing me. (Right now most of the comments have been deleted).
I tried rebooting my droplet (I use DigitalOcean)… but it didn’t help much. There is just so many people coming in, even when I restarted it, the MySQL service instantly crashed.
ERROR 2002 (HY000): Can’t connect to local MySQL server through socket ‘/var/run/mysqld/mysqld.sock’ (2)
No matter how many times I restarted it, the service keeps on failing.
Since I’m unable to get the site up running as usual, I do what I can do: put a placeholder page until I get everything up and running again.
So, I opened up Google cache (thanks Google!) and copied and pasted the article in a HTML file that I did in a haste. Bad formatting and all. Ah, just put it up so that at least people can see it when they opened the blog.
Instead of being greeted by server 500 error, I greet visitors who is coming to my blog with this ugly looking HTML page.
That’s a quite good lesson to learn. I need to have a static site as a failover just in case your WordPress site is down.
I mean, who knows, right? Especially with a small blog that is running on 512MB VM.
Oh well, that’s a start. At least it will free the MySQL from having to serve the people, right?
I waited a bit.
I restarted the droplet again and tried to enter the admin panel again.
Yeay! I can enter the admin panel!
But usually it will crash in just a few seconds after I entered it.
It’s not successful but at least it’s a start.
I replaced the front page with the same HTML and managed to get to the Plugins page.
I added WP Fastest Cache and enabled the following settings:
After that I asked around for advice. I spammed Malaysian Open Source (Sumber Terbuka Malaysia) Telegram group and my friends for any advice they can give for someone in my situation.
One of the tips given by members of that group is I can just use CDN provided by Cloudflare for free. Why, in God green earth did I forgot about that?
That’s the next thing that I did.
I signed up for Cloudflare, followed the instruction, changed the nameservers to Cloudflare’s and also searched for Cloudflare plugin for WP if it exists. (It did, and it is developed by Cloudflare team).
By now, this blog was routinely restarted again and again.
I remembered using MySQL tuner to optimize an exam system that I helped configure and run for my current workplace (Albukhary International University).
So I used it on my blog.
But the sad part is I am running on the lowest plan so most of the suggestions are plain useless. I can’t use it.
I asked myself, can I just upgrade the droplet for a while? The RAM and the CPU just for a little while when the going gets tough?
It turns out that I can do it in DigitalOcean!
So yeah, what I do was, I powered off the droplet and then, I increase the CPU and RAM only. I use the $20/month option.
It’s getting smoother now.
I boot up the droplet and immediately feel the responsiveness of the blog. Right now I am able to browse the admin panel without having the dreaded server 500 error.
So right now, it’s a combination of caching, CDN and just a raw horsepower from bigger CPU and RAM.
How was the traffic, really?
The traffic surge from being in the Hacker News will last for 1 or 2 days.
As you can see from the graph above, I did not get much traffic after 1 or 2 days.
But you may get new links from unexpected places. Other blogs linking to you or people shared it through their social media account.
So you may get residual traffic from other websites too.
For example, I do get traffic from Reddit.
That’s good for SEO I guess. Google always love links. Lots of it, especially.
For someone who is accustomed with not being seen by anyone, scaling is hard. I have never expected my site to serve thousands of users in under few minutes.
After the fact
After all the dust has settled, I read all the comments at Hacker News that I linked in the first paragraph. A lots of comments… and there are some good advices too!
One of the advice given is to use load testing tool. One of the tools linked is Loader.io. I have never encountered this before, so maybe the next time I ever send my article to Hacker News, I’ll try to use this service first and see how it goes.
And I want to say thanks to all the tips given by members of Open Source Malaysia Telegram group. Another thing that they did was they also told me if my site was down from their sides, which is good. At least I have a realtime feedback of what’s going on from another visitor point of view.
I also want to thank a friend who proofread my blog post few hours after the blog post was hit by Hacker News effect. Or else, the article would read even worse.
Some of the plugins that I mentioned above but too lazy to link to can be easily searched from WordPress Add New Plugin page.