Apa itu Tech Stack?
Tags: webdev, indonesia
Published: 2021-10-03 06:26:29

Ketika membangun rumah, dibutuhkan berbagai alat dan bahan bangunan agar rumah itu bisa dibangun. Sama halnya dengan membangun *web* digunakan berbagai macam teknologi.

Nah, apa itu *tech stack*? Menurut *StackShare.io*, *tech stack* didefinisikan sebagai kumpulan teknologi yang digunakan oleh suatu organisasi untuk membangun aplikasi *web* atau *mobile*. Kumpulan ini adalah kombinasi dari berbagai bahasa pemrograman, framework, library, pattern, server, solusi UI/UX, perangkat lunak, dan alat yang digunakan oleh para *developer*.

Tech stack terbagi menjadi 2 komponen yaitu *frontend* dan *backend* stack.

![Frontend vs Backend](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dtbvw642p0tif5s6delg.jpg)

## Frontend

Frontend merupakan bagian dari website yang berinteraksi langsung dengan user atau disebut juga sebagai *client-side*. Bahasa yang digunakan misalnya HTML, CSS, dan Javascript. Tujuan utama dari frontend adalah agar tampilan web menjadi responsif dan optimal.

## Backend

Backend disebut sebagai *server-side*-nya website. Backend menyimpan dan mengolah data serta berperan agar segala sesuatu yang terjadi pada frontend berjalan dengan lancar. Bahasa yang digunakan umumnya menggunakan PHP, Node.js, Python, dan lain-lain.

Berikut adalah tech stack yang populer digunakan oleh para developer, yaitu:

## LAMP

![LAMP](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/53vxwrg1rb1czln3o069.jpg)

- Linux (Sistem Operasi)
- Apache (HTTP Server)
- MySQL (Manajemen Database Relasional)
- PHP/Perl/Python (Bahasa Pemrograman)

LAMP menawarkan efisiensi biaya, fleksibilitas, dan kinerja terbaik. Setiap komponen LAMP gratis dan *open source*. Stack ini dapat digunakan pada sistem operasi apapun, jadi LAMP dapat diubah menjadi WAMP untuk Windows atau MAMP untuk MacOS.

## MERN

![MERN](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lt56swaow7xxfcqzni10.png)

- MongoDB (Database NoSQL)
- Express.js (Backend Framework)
- React (Frontend Framework)
- Node.js (Cross-platform Server)

Kelebihan dari MERN yaitu menawarkan pendekatan praktis untuk membangun aplikasi yang cepat dan efisien karena menggunakan satu bahasa pemrograman (Javascript) dan teknologi yang mendasarinya open source dan gratis. Terdapat framework yang bisa digunakan sebagai pengganti React yaitu, Angular.js (MEAN) dan Vue.js (MEVN).

![stackshare.io](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vo1n0hffc4oxx240hijt.png)

Apabila kalian penasaran seperti apa tech stack yang digunakan oleh perusahaan teratas kalian bisa cek di [stackshare.io](https://stackshare.io/stacks). ~~Bukan promosi~~

Sumber referensi:
1. [Top 5 Tech Stacks](https://fullscale.io/blog/top-5-tech-stacks/)
2. [stackshare.io](https://stackshare.io/stacks)
3. [Frontend vs Backend](https://www.geeksforgeeks.org/frontend-vs-backend/)

Sumber gambar:
1. [Cover](https://www.istockphoto.com/id/foto/keuangan-gm1276802312-376199798)
2. [Frontend vs Backend](https://www.monitorteknologi.com/perbedaan-front-end-dan-back-end/)
3. [LAMP](https://www.alumagubi.co.id/apa-itu-lamp/)
4. [MERN](https://commons.wikimedia.org/wiki/File:MERN-logo.png)
5. [stackshare.io](https://stackshare.io/stacks)