Personal Website (Next.js) - Assignment 1 Pemrograman Web
Jalankan:
npm install
npm run dev # buka http://localhost:3000
Peta halaman dan metode CSS
| Route | File | Metode CSS |
|---|---|---|
| / | app/(home)/page.tsx | inline only (prop style) |
| /about | app/(about)/about/page.tsx + layout | 4 metode (lihat komentar di layout & page) |
| /hobbies | app/(hobbies)/hobbies/page.tsx | external only (app/styles.css) |
| /gallery | app/(gallery)/gallery/page.tsx | Tailwind CDN only |
| /contact | app/(contact)/contact/page.tsx | external (alasan ada di komentar layout) |
Tiap halaman punya root layout sendiri (route group) supaya <html>/<body>/<head>-nya
terpisah seperti file HTML biasa. Pindah antar halaman = muat ulang penuh, jadi CSS
tiap halaman tidak bocor ke halaman lain.
Yang harus Anda ganti
- Semua teks
Yovan Budianto Tanujaya,Surabaya,Yovan, dst. - Foto di
public/images/(sekarang placeholder). Pakai nama file yang sama dan sesuaikan teksalt.