DEV Community

MD Taseen Khan
MD Taseen Khan

Posted on • Originally published at reactjsexample.com on

Orbital Edge Imaging Web App built with Next.js

Orbital Edge Imaging – Web-App

Purpose

Orbital Edge Imaging Web App built with Next.js

This is a proof-of-concept web application for a (fictional) startup called “Orbital Edge Imaging” that enables users to search the company’s API using a specified Area of Interest.

View DemoView Github

Getting Started

This project uses the OGC API of Sentinel Hub to search and download satellite imagery. You’re required to sign up for an account to use this project, a free trial account receives 30 000 units.

Orbital Edge Imaging Web App built with Next.js

Installation

First, clone the repo, then install the dependencies:

npm install

Enter fullscreen mode Exit fullscreen mode

Create a file called ‘.env.local’ in the main project folder (not in src), copy and paste this content, finally add in your own Sentinel Instance ID.

SENTINEL\_INSTANCE\_ID='YOUR\_SENTINEL\_INSTANCE\_ID'

Enter fullscreen mode Exit fullscreen mode

Then, run the development server:

npm run dev

Enter fullscreen mode Exit fullscreen mode

Open http://localhost:3000 with your browser to see the result.

Top comments (0)