Lalapan

Aplikasi web tentang komposisi gizi pada lalapan.

Tech-stack

• Next.js pages
• Tailwind CSS
• Redux Toolkit

Mengapa masih Next.js pages?

Tidak perlu request data kembali melalui client membuat Next.js pages masih sangat relevan untuk proyek ini.

Hal yang bisa dioptimisasi?

• Kolom tabel yang tampil dinamis (setelah kolom Nama) berdasarkan pilihan formnya.

  CSS tampaknya masih belum mampu untuk menyusun kolom tabel berdasarkan situasi seperti ini, sehingga susunan property di tiap object overview.json perlu diubah. Ketika menyusun property pada object juga sepertinya tidak dimungkinkan, maka saya coba mengubah object beserta property di dalamnya menjadi array menggunakan Object.entries sehingga data dapat tampil berdasarkan indeksnya. Namun, property seperti "id", "nama", dan "bdd" yang tidak terpengaruh susunan dinamis seharusnya bisa tetap ditulis "key": "value", sehingga pada Table.js (misal) data "id" tetap dapat ditulis info.id alih-alih info[0][1] agar meningkatkan keterbacaan kodenya.

• Tiap object di full.json dapat dipisah ke dalam berkas JSON tersendiri.

  Saya pikir ini akan dapat menghemat bandwidth karena hanya melakukan request sesuai data yang diperlukan (kecuali penggunaan module fs dan path tidak mengonsumsi bandwidth di server).