Developed with NextJS + NestJS + Cloudinary
We used nextjs for the frontend and nestjs for the backend.
The backend recorded the file name and file path in postgres and uploaded the file to cloudinary.
For the NextJS template, I used the NextJS Typescript Boilerplate from the official examples.
For CSS, I used Tailwindcss.
During development, I used docker-compose to build the development environment.
Thanks for viewing :)
This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories.
To clone and run this application, you'll need Git and Node.js (which comes with npm) and Docker installed on your computer. From your command line:
# Clone this repository
$ git clone https://github.com/masa-fullstack/image-uploader-master
# Change directory
$ cd image-uploader-master/backend
# Clone this repository(backend submodule)
$ git clone https://github.com/masa-fullstack/image-uploader-backend
# Rename directory
rmdir api
mv image-uploader-backend api
# Change directory
$ cd ..
Then, you update "./frontend/app/.env.development.template" and "./backend/api/.env.development.template".
And, you start Docker and DB miglation.
# Start Docker
$ docker-compose up
# DB miglation
$ docker-compose run --rm web npx typeorm migration:run
Finally, the server is listed on localhost:4001.
- GitHub @masa-fullstack
- Twitter @masa_fullstack