GAHI menampilkan gambar dan video astronomi harian lengkap dengan penjelasan singkat. Tujuan proyek ini adalah membuat konten APOD (Astronomy Picture of the Day) lebih mudah diakses dan dibagikan.
Demo: https://gahi-apod.vercel.app/
- Nama: GAHI (Gambar Astronomi Hari Ini)
- Fungsionalitas utama: Menampilkan APOD harian, terjemahan teks (via MyMemory), dan halaman arsip per tanggal.
- Menampilkan gambar atau video APOD setiap hari
- Penjelasan deskriptif yang dapat diterjemahkan
- Halaman arsip untuk melihat konten berdasarkan tanggal
- Next.js (app router)
- TypeScript
- API: APOD NASA, MyMemory (terjemahan)
- Node.js 18+ (direkomendasikan)
- npm atau yarn
-
Salin contoh environment:
cp env.example .env.local
-
Isi variabel yang diperlukan di
.env.local(contoh dienv.example):NEXT_PUBLIC_NASA_API_KEY— kunci API untuk APOD NASA (daftar di https://api.nasa.gov/)MYMEMORY_EMAILemail untuk menggunakan api mymemory
Catatan: jangan commit kunci API ke repositori publik.
-
Install dependensi:
npm install # atau yarn install -
Jalankan mode pengembangan:
npm run dev # atau yarn dev -
Buka
http://localhost:3000di browser.
Untuk build produksi:
npm run build
npm run startsrc/app/— rute Next.js (halaman, layout, not-found)src/app/component/— komponen ulang pakai (mis. datePicker, footer)env.example— contoh variabel environment
- APOD NASA: https://api.nasa.gov/#apod — menyajikan gambar/video dan metadata harian
- MyMemory: https://mymemory.translated.net/doc/spec.php — layanan terjemahan teks
- Fork repositori, buat branch fitur, lalu buat pull request.
- Pastikan perubahan kecil, dengan deskripsi PR yang jelas.