Redesign dan refactor website Danantara menggunakan Next.js & Tailwind CSS.
Warning
Project ini merupakan versi redesign/remake dari www.danantaraindonesia.com. semua keseluruhan asset seperti gambar milik dari Danantara bukan dari saya. project ini tidak berafiliasi dengan atau menggantikan situs resmi. semua hak atas konten dan merek dagang tetap menjadi milik pemilik aslinya.
List perpustaka atau teknologi (framework/library) yang dipakai diproject ini :
- Next.js (Framework) : Fundamental Project
- @nivo/line : Chart Data
- @radix-ui + shacdn : UI/UX Element
- axios + cheerio : Request HTTP For Fetching & Create API By Scraping Data
- framer-motion / motion : Animate React To Make More Beautiful
- lenis/react : Create Scroll More Smoothly
- lucide-react : Icon React.js
- next-view-transitions : Create Transision Page To Page
- sonner : Toast Message React
Important
Jika kamu deploy di Vercel, harap bagian "Install Command" ubah menjadi yarn --force agar tidak terjadi masalah Could not resolve dependency atau mengubah versi library pada package.json
Selain itu jika kamu deploy di Vercel, disarankan bagian "Function Region" ubah ke bagian server yang berada di Asia Pacific karena ketika melakukan fetching ke web bi.go.id sering mengalami timeout karena request dari web aslinya lama dan ditambah latensi yang tinggi.
Kloning / Duplikat repository ini kedalam sistem kamu.
git clone https://github.com/ernestoyoofi/remake-danantara.git
cd remake-danantaraLalu build dan jalankan
yarn --force # Disarankan force karena ada library yang tidak kompatible, kamu juga bisa fixednya
yarn build
yarn startKamu bisa deploy ini ke vercel dengan link ini untuk dapat mempermudahnya jika tidak memiliki vps/cloud/hosting.
Untuk firewall yang disarankan, kamu bisa menghidupkan "Enable Attack Challenge Mode" jika tidak memerlukan konfigurasi yang tepat.
Tetapi jika kamu membutuhkan, silahkan lihat konfigurasinya dibawah ini
| Mode | Value | Decription |
|---|---|---|
| Bot Protection | Challenge | Untuk membatasi bot yang mengakses atau fake script yang tidak sama dengan fingerprint pada TLSnya |
| AI Bots | Deny | Agar tidak dapat diakses oleh AI Bots |
Buatlah Rules baru dengan nama "Rate Limit Access"
| Operation | Type | Value | Decription |
|---|---|---|---|
| If "Raw Path" | Matches expression | /api/* | Membatasi Penggunaan API |
| If "Raw Path" | Matches expression | /assets/* | Membatasi Penggunaan Pada Folder Assets |
- Rate Limit : Fixed Window
- Seconds : 600 # Countdown waktunya (600 = 10 Menit, 60 = 1 Menit)
- Request : 28 # Tandanya hanya bisa 28 request selama waktu yang ditentukan
- Rate Limit By : User Agent, IP Address & JA4 Digest
- Then : Too Many Request (429)