dekiakbar/image-optimizer-fe

Imageoptimizer image is a simple app for compressing any image file. It takes a single input file and compresses it to a much smaller output file.

Image Optimizer Frontend

Image Optimizer Frontend is a frontend application for image optimizer API. Build by Next Js

Installation

this project created use the following tool

node version : v20.11.0

npm version : 10.2.4

Backend

You must install image optimizer backend.

Frontend (this repo)

Clone this repository

git clone https://github.com/dekiakbar/image-optimizer-fe

Navigate to project dir

cd image-optimizer-fe

Install node modules and dependencies

npm install

Environment Variable

Copy env.example to .env

cp .env.example .env

Fill NEXT_PUBLIC_API_SERVER_URL and NEXT_PUBLIC_API_CONFIG_URL

# Created by Vercel CLI
VERCEL="1"
VERCEL_ENV="development"
VERCEL_URL=""
VERCEL_GIT_PROVIDER=""
VERCEL_GIT_REPO_SLUG=""
VERCEL_GIT_REPO_OWNER=""
VERCEL_GIT_REPO_ID=""
VERCEL_GIT_COMMIT_REF=""
VERCEL_GIT_COMMIT_SHA=""
VERCEL_GIT_COMMIT_MESSAGE=""
VERCEL_GIT_COMMIT_AUTHOR_LOGIN=""
VERCEL_GIT_COMMIT_AUTHOR_NAME=""
NEXT_PUBLIC_API_SERVER_URL="<YOUR_BACKEND_URL_FOR_OPTIMIZE_IMAGE>"
NEXT_PUBLIC_API_CONFIG_URL="<YOUR_BACKEND_URL_FOR_CONFIG>"

Development

run this project :

npx next dev

License

MIT