Belajar Fullstack Developer - Privacy & Compliance

#Pendahuluan

Data pribadi pengguna bukan sekadar baris di database — ia milik pengguna, dipinjamkan ke aplikasi kalian. Episode ini membahas privacy & compliance: bagaimana membangun fitur yang menghormati kepemilikan itu, dengan GDPR sebagai standar dunia yang paling dikenal dan paling banyak menetapkan aturan.

Ini bukan topik "hukum" yang abstrak — hampir semuanya adalah keputusan teknik yang konkret: cookie apa yang dipasang sebelum consent, bagaimana mengenkripsi data, dan bagaimana menjalankan hak hapus data. Mari bedah satu per satu.

#Prinsip GDPR yang Terasa di Kode

GDPR menetapkan prinsip yang punya padanan langsung di implementasi:

Kunci yang sering keliru dipahami: GDPR mengatur "legal grounds" — consent hanyalah salah satunya. Yang harus kalian lakukan: tandai dengan jelas di sistem kalian, data mana yang diproses dengan dasar apa.

#Cookie Consent: Bukan Sekadar Banner

Banner consent yang "kamu klik untuk membuangnya" adalah pelanggaran paling umum. Pola yang benar:

1. Sebelum consent: pasang hanya cookie esensial (session auth) — tidak ada analytics, tidak ada tracking.
2. Saat consent: pisahkan tujuan — analytics vs marketing — dengan mekanisme opt-in terpisah.
3. Setelah consent: catat siapa, kapan, dan pilihan apa (audit trail).

"use client"
 
export function CookieConsent() {
  const [decision, setDecision] = useState(null)
 
  if (decision) {
    document.cookie = `consent=${JSON.stringify(decision)}; max-age=${60*60*24*365}`
  }
 
  if (!decision) {
    return (
      <div className="fixed bottom-4 inset-x-4 bg-white border p-4 rounded-lg shadow">
        <p className="text-sm">Kami memakai cookie untuk mengingat sesi login
          (esensial) dan, jika kalian setuju, untuk analitik.</p>
        <div className="mt-3 flex gap-2">
          <button onClick={() => setDecision({ analytics: false })}>
            Hanya esensial
          </button>
          <button onClick={() => setDecision({ analytics: true })}>
            Setujui analitik
          </button>
        </div>
      </div>
    )
  }
}

Aturan emasnya: jangan muat Google Analytics (atau script apa pun yang tracking) sebelum consent "Setujui". Kalau kalian memuatnya lebih dulu, kalian sudah melanggar.

#Enkripsi Data Pribadi

Dua jenis enkripsi yang wajib dibedakan:

Untuk kolom sangat sensitif (token, data identitas), tambahkan field-level encryption — data terenkripsi di database sehingga membacanya mentah pun tidak berguna:

import crypto from "node:crypto"
 
const KEY = Buffer.from(process.env.FIELD_KEY, "base64")
 
export function encryptField(value: string) {
  const iv = crypto.randomBytes(12)
  const cipher = crypto.createCipheriv("aes-256-gcm", KEY, iv)
  const encrypted = Buffer.concat([cipher.update(value), cipher.final()])
  return `${iv.toString("base64")}:${encrypted.toString("base64")}`
}

Prisma sendiri sudah menangani hashing password dengan aman (episode 6). Enkripsi field ini khusus untuk data yang perlu dibaca ulang oleh aplikasi tapi sebaiknya tidak terbaca mata telanjang di DB.

#Hak Pengguna atas Data: Akses, Hapus, Ekspor

GDPR memberi pengguna hak yang harus dijalankan oleh sistem, bukan hanya dibalas email manual:

Contoh endpoint hapus akun yang benar — menghapus data, bukan menandai akun:

export async function DELETE() {
  const session = await auth()
  await prisma.$transaction([
    prisma.note.deleteMany({ where: { authorId: session.user.id } }),
    prisma.session.deleteMany({ where: { userId: session.user.id } }),
    prisma.user.delete({ where: { id: session.user.id } }),
  ])
  return Response.json({ ok: true })
}

Dan ekspor data dalam format standar — sesuatu yang harus ada untuk compliance:

export async function GET() {
  const session = await auth()
  const [user, notes] = await Promise.all([
    prisma.user.findUnique({ where: { id: session.user.id } }),
    prisma.note.findMany({ where: { authorId: session.user.id } }),
  ])
  return Response.json({ user, notes }, {
    headers: { "Content-Disposition": 'attachment; filename="data.json"' },
  })
}

#Retention: Simpan Sepanjang Perlu

"Data minimization" punya padanan operasional: retensi. Simpan data pribadi selama masih berguna, lalu hapus. Contoh job terjadwal (episode 13) untuk menghapus data yang sudah basi:

import { logger } from "@/lib/logger"
 
export async function cleanupExpiredSessions() {
  const cutoff = new Date(Date.now() - 1000 * 60 * 60 * 24 * 30) // 30 hari
  const { count } = await prisma.session.deleteMany({
    where: { expiresAt: { lt: cutoff } },
  })
  logger.info({ count }, "sesi kedaluwarsa dibersihkan")
}

#Praktik: Aplikasi yang Komplian

Selesaikan dengan urutan berikut:

1. Tandai di kode: cookie mana yang esensial vs tracking; jangan muat tracking sebelum consent.
2. Pasang CookieConsent dan pastikan analytics tidak dimuat sebelum "Setujui".
3. Enkripsi kolom sensitif dengan field-level encryption (misal nomor telepon).
4. Tambahkan endpoint hapus akun (transaksi lengkap) dan ekspor data JSON.
5. Tambahkan cron pembersih data basi; log semua tindakan data pribadi.

curl -s http://localhost:3000/api/export -H "Cookie: session=..."

#Penutup

Inti yang harus dibawa pulang:

• Privasi bukan fitur tambahan — ia keputusan desain (privacy by design).
• Cookie: esensial tanpa consent, tracking hanya setelah consent.
• Enkripsi in transit (HTTPS) dan at rest; field-level untuk data sangat sensitif.
• Hak pengguna adalah fitur: akses, hapus (transaksional), ekspor, perbaiki.
• Terapkan retensi: simpan sepanjang perlu, hapus sisanya, log semuanya.

Di episode 21 selanjutnya kita memasuki era AI-fullstack — membangun LLM & RAG apps dengan streaming respons, embedding, dan vector database. Sampai jumpa di episode 21!