A sleek and responsive web app for discovering NASA's Astronomy Picture of the Day archive — from today back to 1995.
NASA APOD Explorer is a Next.js-powered application that leverages the NASA APOD API to showcase a stunning gallery of daily astronomy images. Users can browse the archive, view detailed metadata for each image, and explore the universe one day at a time.
- 🔭 Browse NASA’s APOD archive from 1995 to the present
- 📅 Search for specific dates or date ranges
- 🖼️ View detailed image info: title, date, explanation, and copyright
- 📱 Responsive layout for mobile, tablet, and desktop
- ⚡ Fast, modern, and optimized with Next.js, Tailwind CSS, and shadcn/ui
- Framework: Next.js (React-based, SSR + SSG support)
- Language: TypeScript for type safety and maintainability
- Styling: Tailwind CSS for rapid UI development
- Component Library: shadcn/ui for accessible, customizable components
- API: NASA APOD API for astronomy content
To run the app locally:
# Clone the repo
git clone https://github.com/AmirAliuA/nasa-apod-api.git
# Navigate to the project folder
cd nasa-apod-api
# Install dependencies
npm install --force
# Run the development server
npm run dev
Before running the app, create a .env file in the root of your project with the following contents:
NASA_API_KEY=yourprivatekey # Generate one at https://api.nasa.gov/
NASA_API_URL="https://api.nasa.gov/planetary/apod"
🚨 Do not share or commit this file publicly. Your API key is private.
Contributions are welcome!
This project is licensed under the CC BY-NC 4.0 International License .