Tugas
This commit is contained in:
@@ -0,0 +1,26 @@
|
||||
# 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`.
|
||||
Reference in New Issue
Block a user