Catatan

Catatan ini berisi perintah-perintah dasar Git yang umum digunakan dalam manajemen versi kode sumber. --- Digunakan untuk mengubah direktori proyek...

Memastikan bahwa commit benar-benar dibuat oleh kamu (otentikasi identitas). Meningkatkan kepercayaan terutama untuk proyek open source. --- Tambah...

Untuk mengatur mode power profile di Linux (kayak di Windows: Power Saver, Balanced, Performance), kamu bisa menggunakan tool powerprofilesctl. Jika...

kita dapat melakukan endpoint masking agar tidak terliat api atau url backendnya tidak terekpost di client kita dapat menggunakan route.ts yah miri...

Di Next.js (App Router), Parallel Route digunakan untuk menampilkan beberapa tampilan sekaligus dalam satu layout, tanpa harus membuat URL path terpis...

Di Next.js, selain pakai elemen <img>, kita juga bisa menggunakan komponen bawaan <Imagedari next/image. Komponen ini punya beberapa keuntungan diband...

Di TypeScript (terutama pada framework seperti Next.js), dynamic route digunakan untuk membuat route yang dinamis, yaitu route yang bisa menerima para...

enum (enumeration) adalah tipe data khusus di TypeScript yang digunakan untuk menyimpan sekumpulan nilai konstan yang memiliki nama. Cocok buat data y...

Mode ini membatasi charging sampai 60%, untuk rawat umur baterai di laptop Lenovo. Cocok kalau laptop sering nyolok ke charger terus. untuk cek ji...

saat menjalanan perintah sudo pacman -Syu muncul error Error ini biasanya terjadi karena ada proses pacman lain yang masih berjalan atau belum sel...

Saat menjalankan git pull, muncul pesan berikut: Branch lokal dan remote memiliki perubahan yang tidak sinkron, sehingga Git tidak bisa langsung m...

Server Components dirender di server dan mengirimkan hasilnya ke client. Untuk mengujinya, Anda dapat menambahkan console.log di dalam komponen, dan l...

Contoh penggunaan static metadata di app/layout.tsx: Kita juga bisa pakai template untuk title: --- Contoh metadata dinamis berdasarkan data d...

Git menyimpan konfigurasi dalam beberapa level: System: /etc/gitconfig (berlaku untuk semua user di komputer) Global/User: ~/.gitconfig atau ~/.config...

Catatan ini menjelaskan perbedaan utama antara git add dan git stash, serta kapan sebaiknya menggunakan masing-masing perintah. --- Digunakan untuk...

Di Next.js versi 13+ dengan App Router (/app directory), error handling dilakukan dengan membuat file error.tsx di dalam folder route. File ini akan m...

Ketika sebuah halaman membutuhkan waktu lama untuk fetching data, kita bisa memberikan efek loading agar pengalaman pengguna tetap nyaman. Next.js m...

Tipe generic adalah fitur TypeScript yang memungkinkan kita membuat komponen (fungsi, interface, class) yang bekerja dengan berbagai jenis data tanpa ...

Di Next.js cara menginstall font \\tidak lagi menggunakan <linkatau @import dari Google Fonts seperti ini Next.js menyediakan package bawaan untuk...

interface di TypeScript mirip dengan tipe data alias ([[tipe-data-alias]]), tapi punya beberapa perbedaan penting. Interface digunakan untuk mendeskri...

Tipe data alias digunakan untuk memberi nama baru pada struktur tipe data, terutama saat bekerja dengan objek. Dengan alias, kita bisa membuat tipe ...

Tipe data any adalah tipe paling fleksibel di TypeScript. Dengan any, variabel bisa diisi nilai apa pun tanpa pengecekan tipe oleh TypeScript.

Array di TypeScript bisa ditulis dengan dua cara: Tipe string[] berarti array yang hanya boleh berisi data string. Sama juga dengan number[], arti...

Buat proyek baru dan jalankan perintah berikut: Pastikan type diatur menjadi "module" dalam package.json. Instal TypeScript: Mengapa...

Markdown adalah bahasa markup ringan yang digunakan untuk penulisan teks yang bisa dikonversi ke HTML. --- Gunakan # untuk membuat heading. Semakin...

TypeScript adalah bahasa pemrograman berbasis OOP yang dikembangkan oleh Microsoft. TypeScript memiliki sistem tipe yang kuat (strongly typed) dan dik...

Saat melakukan merge Saat melakukan rebase Saat melakukan git stash pop --- Jika terjadi konflik, Git akan menandai bagian yang bermasalah seperti ...

asChild adalah sebuah prop yang biasa dipakai di komponen shadcn UI seperti DropdownMenuTrigger, DialogTrigger, dll. Fungsinya untuk membuat komponen ...

Middleware di Next.js dipakai buat intercept request sebelum masuk ke route. Ini powerful banget buat: Redirect Auth check Logging Rewrite URL Cek use...

Server Action adalah fitur di Next.js 13+ yang memungkinkan kita menjalankan fungsi di server langsung dari komponen React di client, terutama digunak...

Sebelum melakukan data fetching, siapkan backend sederhana menggunakan JSON Server dengan langkah berikut: Buat file database.json dengan konten: Jala...

Route Groups di Next.js digunakan buat mengelompokkan route agar bisa menggunakan satu layout bersama, tanpa harus nambah direktori atau struktur URL ...

Di TypeScript, kita bisa bikin properti dalam object jadi opsional alias boleh ada, boleh nggak. Caranya tinggal tambahin tanda ? setelah nama prope...

Tipe data object cocok digunakan untuk kasus-kasus sederhana, jadi gak perlu repot bikin alias type ([[tipe-data-alias]]). ---

Union type digunakan ketika sebuah variabel bisa memiliki lebih dari satu jenis tipe data. Di TypeScript, kita bisa menentukan beberapa tipe data sek...

Saat menjalankan git pull, muncul pesan berikut: Branch lokal dan remote memiliki perubahan yang tidak sinkron, sehingga Git tidak bisa langsung m...

Di Next.js, kita tidak perlu mengatur routing secara manual seperti di react-router-dom, karena Next.js sudah menggunakan file system routing. Ini mem...

Alih-alih menandai semua file sebagai Client Components dalam kode di [[server-components-dan-client-components]], kita dapat mengabstraksikan bagian ...

Function di TypeScript memiliki dua bagian penting: parameter dan return type. helo: string → parameter bertipe string. : string setelah tanda kurung ...