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.
MIT License
Image Optimizer Frontend is a frontend application for image optimizer API. Build by Next Js
this project created use the following tool
node version : v20.11.0
npm version : 10.2.4
You must install image optimizer backend.
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
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>"
run this project :
npx next dev