Website OSIS SMK Telkom Makassar adalah website yang menampilkan visi misi, divisi, pesan ketua, dan ketua maupun anggota dari tiap-tiap divisi. Latar belakang website ini dibuat adalah sebagai sarana untuk memperlihatkan ke orang banyak tentang OSIS dari SMK Telkom Makassar.

Dalam pembuatan website ini, saya bekerja sebagai fullstack devolper (front-end dan back-end, untuk designnya bukan saya yang kerja). Sebelum membuat website ini, terdapat tantangan yang harus saya hadapi yaitu tidak adanya dana dari sekolah untuk hosting dan domain sehingga saya harus mencari tempat hosting yang gratis dan sekaligus mendapatkan domain kemudian ketemulah dengan vercel. Setelah mencari tahu tentang vercel, vercel itu web hosting serverless kita tidak akan mendapatkan server sehingga saya harus memikirkan cara untuk meyimpan gambar yang diupload. Oleh karena itu, pada website ini tech stack yang saya gunakan adalah NextJS, ImageKit (Cloud Storage), dan Vercel.

1
import imageCompression from "browser-image-compression";
2
const defaultOptions = {
3
  maxSizeMB: 5,
4
};
5
export function compressFile(imageFile: File, options = defaultOptions) {
6
  if (imageFile.size > 5 * 1024 * 1024) {
7
    return imageCompression(imageFile, options);
8
  } else {
9
    return imageFile;
10
  }
11
}

Code di atas adalah code yang paling crusial untuk website ini, karena website ini full menggunakan service gratisan. Tantangan yang dihadapi dalam menggunakan imagekit gratisan adalah terbatasnya memory yang di kasih sehingga tidak boleh mengupload gambar dengan ukuran yang besar. Jadi pada website ini saya menambahkan fitur kompress gambar sehingga gambar tidak akan melebihi dari 5MB.

Dari website ini, saya pertama kali belajar membangun website menggunakan NextJS, ImageKit dan Vercel. Saya berhasil mendeploy website ini tanpa mengeluarkan budget sama sekali dan website ini sempat lanjut ke kepengurusan tahun berikutnya tapi sayangnya sudah berakhir tidak digunakan karena sekolah tidak menyetujui adanya website ini yang mana pada waktu kepengurusan saya tidak ada kepastian sama sekali namun saya memilih untuk tetap membuatnya.