Firebase and JQuery Tech Stack - Simplest and most Scalable way of developing a website

By -
Firebase jQuery Bootstrap stack

A lot of companies and indie developers in the real world develop websites using so many tech stacks that it is such a waste of time, money, and resources. It’s economically not wise, either they don't know or they are just deliberately doing so to make the company they work for spend tons of money. Certainly, there’s a better approach to doing websites, which should be a cloud base.

This is not a secret, you can develop a large-scale application with just less tech stack that even a beginner does not need to learn so many tech stacks. The tech stack I recommend is Firebase, JQuery, and Bootstrap.

In the traditional app, these are the workflow of setting up the tech stack to make their website run:

  • Lease a server from some hosting company
  • Install the OS for the database
  • Setting up the database of choice: MySQL, Postgre, Oracle, Mongo, whatever
  • Install the OS for the backend / Rest API
  • Setting up the web server for the backend API
  • Developing some backend code could be Java PHP or NodeJS, and you need to know the language 
  • Install the OS for the front end
  • The developer must install nodejs
  • The developer must know about the build tool in NodeJs otherwise screw up
  • Develop the front-end code using either React, angular, Vue whatever is that 
  • Setup git for both backend and front-end source code
  • Setup the CICD for automatic deployment
  • An additional thing is by adding more stack for building into the Docker image

I couldn’t imagine doing all of that if I were just a solo developer, that's so painful. Even in a small to a big company, traditional way has so many things to do, requires a lot of effort. And as an individual you have to be able to collaborate with the whole team to synchronize the requirement, each service needs to have the correct configuration from the server infrastructure, frontend, and backend.

Meanwhile, in the Firebase world, you are expected to do less, you only need to focus on designing, develop the code, and focus on the business logic. For new developers who never know about Firebase, just a little bit of learning about how to use Firebase hosting, Firestore, and functions and everything you need to develop a website. And you only need to code HTML and JavaScript. Isn't that simple?

I am not mad about the traditional way of developing a website, because I still maintain some of the code that I describe above. I am just trying to give a better solution to build a future website.

The thing that I hate is when everything in the JavaScript world becomes NodeJs everything. Although I like package manager, making everything more scalable, I still don't like NPM, and build-tools is just too stressful to make configuration right, and it’s just adding more steps to building a website. Just adding up more stuff to learn. All I need is just to focus on the business that matters.

I also hate when jQuery is forgotten, this is the nicest thing someone ever created. In the Firebase tech stack, I would never forget jQuery, it will always be useful, and I will stay away from those React, Vue, or Angular things. 

I don't hate angular or react, I have been doing a lot of coding with it, and it's pretty fun, but still too many tech stacks that are unnecessary.

I don't hate RDMS like MySql, it is the nicest database I've ever known, I love doing SQL queries, it's really beautiful, but again it is just adding more things rather than the real business.

I also don't hate Spring with its many helpful annotations, and JPA. It's just incredible, but again it just adds more stuff into the work, bugs that need to be fixed, and code that needs to be maintained.

I don't hate Linux or docker, it is a really useful tool and it has been fun to learn about it.

All that matters is to get things done, and make the world better, not just get screwed by technology, by adding up more stuff that is no longer relevant anymore.

I know that by using firebase, it loses the bare metal, hardcore coding, setup of the server, and stuff. And we are very dependent on Google infrastructure. And if somehow Google goes bankrupt, where will the code be running?

But by looking at the current Google report, they won't be running out of money anytime soon. Even if that's happened in the future, it is still not that hard to replicate similar infrastructure like Google Firebase. And we can even make it even better.


I am an experiences web developer, have a good problem-solving and deep understanding of software development principles. With comprehensive skill set in Java, PHP, Python, C and JavaScript. Able to do database thing like MySQL and Oracle. Along with expertise in frameworks like Spring, React, and Firebase. Have a solid understanding of software development methodologies, like Agile and Scrum. I applies best practices to ensure the development process is efficient and of the highest quality output.

Popular posts from this blog

Spring Kafka - how to use ReplyingKafkaTemplate send and reply synchronously

By -
Image
Microservice Spring with Apache Kafka Kafka is an asynchronous messaging queuing system, but when you have a case in your project that you need to have the result immediately from another service you can do that quite easily. Kafka from the client side produces a message to the server side, then waiting for the server to return back the message exactly what the client wants. It’s identified in the kafka header request named KafkaHeaders.CORRELATION_ID and a topic where the server should send. If the server side produces the same correlation id to the same topic in the request, then the client side will catch that message as its reply. Although you can work with kafka from a different framework and language other than Java and Spring. Here’s in this example i just specifically giving the example of sending and replying kafka messages using Spring Boot. The Project Overview The client-project will send a string message to the server-project over kafka, then the server-project wil
Read more

ERROR 1348 Column Password Is Not Updatable When Updating MySQL Root Password

By -
Image
MySQL and MariaDB password As already mentioned in the title of this blog, this error message sometimes occurred when we are trying to update our root password database, either MySQL or MariaDB, The error says: ERROR 1348 (HY000): Column 'Password' is not updatable This is because if we use this SQL command to update our database root password, and it turn out to be Restricted by MySQL to use update on mysql database. UPDATE mysql.user SET Password=PASSWORD('1234') WHERE User='root'; The solutions for MySQL Error1348 So you can not update a user password using Update commands, to update the password, use ALTER commands instead. like the following. ALTER USER 'root'@'localhost' IDENTIFIED BY '1234'; And then you need to do the flush privileges to commit previous queries (that alter command above) into the system, simply do like this. flush privileges; So now you have your root with password 1234. Although it is recommended to
Read more

How To Create Spring Boot Project Using Netbeans

By -
Image
Spring Boot is program that you can use to develops Spring Framework easier, without the need of using so many hard to handle configuration. This tutorial, we are gonna create Spring Boot Application by using Netbeans IDE. You can of course create Spring Boot Appilcation on Netbeans, but it will be easier if just using plugin for Spring development in Netbeans, 1. Open Netbeans, click tools menu and click plugin. After plugin window opened, click tab Available Plugins and find the "Nb SpringBoot" plugin then install and activate the plugin. 2. After restarting the Netbeans IDE. Now you gonna be able to create a new project with Spring boot application. File > New Project > Under categories, choose Maven > then choose  Spring Boot Basic. Now you can start the development of spring boot application using your Netbeans IDE. Open pom.xml to add spring boot dependencies you want.
Read more

How To Connect SSH Using PEM Certificate On Windows

By -
Image
Usually you will need a pair of SSH username and password to connect to a remote server. But there's also another way to connect to the server via SSH but without password, just using a dot pem (example.pem) file. Here's how we usually do on Windows 1. Let’s SSH login using pem to confirm if it’s throwing error or the pem is fine, if error then we need to move to step 2 to fix it: ssh adam@10.0.0.123  -i server-cert.pem And here's the usual error that will throw if your pem file is not ready for SSH login. You need to follow the next step to make your pem certificate ready to login to your server via SSH. 2. Open Windows Explorer, then right-click on the pem file, then select "Properties". Navigate to the "Security" tab, and click "Advanced" 3. Disable inheritance 4. Delete all permissions, so it doesn’t have any permission 5. Now add you as the only only owner. By click button Add and then Select a principal, then Advanced. 6. On the showing p
Read more

Flutter Button With Left Align Text and Icon

By -
Image
flutter button left text Developing a flutter UI is very difficult for a beginner or I think any other technology it’s very intimidating for a starter. I remember my first time trying to make a button in Flutter that had left aligned text in it. I spent a lot of time on how to make it but never made it. Once you are getting familiar with flutter widget or component blocks, you can apply whatever style you want for your app. In html you can just do something like <button style=”text-align:left”>Text</button> but in flutter it is a bit tricky. So here I provide an example on how you can align text inside a flutter button to the left. Flutter button with left align text import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, visualDe
Read more