27 lines
1.3 KiB
Markdown
27 lines
1.3 KiB
Markdown
# 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 teks `alt`.
|