Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/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.
https://github.com/dekiakbar/image-optimizer-fe
compress-images image-processing nextjs nodejs optimize-images
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/dekiakbar/image-optimizer-fe
- Owner: dekiakbar
- License: mit
- Created: 2021-08-11T13:01:31.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2024-09-18T01:14:06.000Z (4 months ago)
- Last Synced: 2024-10-08T01:23:55.299Z (3 months ago)
- Topics: compress-images, image-processing, nextjs, nodejs, optimize-images
- Language: JavaScript
- Homepage: https://imageoptimizer.nooby.dev
- Size: 824 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Image Optimizer Frontend
Image Optimizer Frontend is a frontend application for [image optimizer](https://github.com/dekiakbar/image-optimizer) API. Build by [Next Js](https://nextjs.org/)
## Installation
this project created use the following tool
> node version : v20.11.0
> npm version : 10.2.4
### Backend
You must install [image optimizer](https://github.com/dekiakbar/image-optimizer) backend.
### Frontend (this repo)
Clone this repository
```bash
git clone https://github.com/dekiakbar/image-optimizer-fe
```
Navigate to project dir
```bash
cd image-optimizer-fe
```
Install node modules and dependencies
```bash
npm install
```
## Environment Variable
Copy `env.example` to `.env`
```bash
cp .env.example .env
```
Fill `NEXT_PUBLIC_API_SERVER_URL` and `NEXT_PUBLIC_API_CONFIG_URL`
```bash
# 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=""
NEXT_PUBLIC_API_CONFIG_URL=""
```
## Development
run this project :
```bash
npx next dev
```
## License
[MIT](https://github.com/git/git-scm.com/blob/main/MIT-LICENSE.txt)