This is a user interface to view, search, and save photos taken by NASA's rovers on Mars, which are made public via the Mars Rovers Photos API, made with Next.js 14 (App Router), React Server Components, Tailwind CSS, and TypeScript.
┌ ○ /
├ ○ /favourites
├ λ /manifests
├ λ /manifests/[rover]
├ λ /manifests/[rover]/photos
├ λ /photo/[id]
├ λ /photo/favourites
├ ○ /search
├ λ /search/[rover]
├ λ /search/[rover]/[date]
└ λ /search/[rover]/[date]/[camera]
○ (Static) prerendered as static content
λ (Dynamic) server-rendered on demand using Node.js
- Get a NASA developer key.
-
Clone the repo
git clone https://github.com/james-langridge/space-is-cool.git
-
Install NPM packages
npm install
-
Copy
.env.local.example
to.env.local
and add your API key.cp .env.local.example .env.local
-
Start the development server:
npm run dev
You can clone and deploy this project on Vercel using the button below.
See the Next.js deployment documentation for more details.
Code distributed under the MIT License.