Image hosting service built with Next.js, Supabase, and TailwindCSS. 📸⚡️📁

A lot of folks are talking about Supabase. Also,Next.js seems to be trending right now, and I never tried them. 😛

So, one of the projects that I had in mind for a while was the perfect fit to apply these two together. 🤓

After spending approx. 12 hour…


This content originally appeared on DEV Community and was authored by Lucas L.

A lot of folks are talking about Supabase. Also,Next.js seems to be trending right now, and I never tried them. 😛

So, one of the projects that I had in mind for a while was the perfect fit to apply these two together. 🤓

After spending approx. 12 hours, I finished the v1 for gpic - Free Image Optimizer & Hosting Service.

Built with:

  • Next.js
  • Supabase (DB and Storage)
  • TailwindCSS

Quick Demo:

The Motivation

Well, I love communities with markdown available (DEV, Reddit, Indiehackers,...), but that means that I need to...

  1. Go to https://imgbb.com/
  2. Select/Drag'n'drop the image -> Hit Upload
  3. Grab the code
  4. Insert in the markdown

...in order to add an image to my post.

That was my biggest motivation! I just wanted something clean and with an option to copy the link with the markdown.

Hope you find useful, and if you have any feedback, let me know. I'm already working on v2. 🤪

Image Description
(Image hosted on gpic)🥳


This content originally appeared on DEV Community and was authored by Lucas L.


Print Share Comment Cite Upload Translate Updates
APA

Lucas L. | Sciencx (2021-10-05T11:53:57+00:00) Image hosting service built with Next.js, Supabase, and TailwindCSS. 📸⚡️📁. Retrieved from https://www.scien.cx/2021/10/05/image-hosting-service-built-with-next-js-supabase-and-tailwindcss-%f0%9f%93%b8%e2%9a%a1%ef%b8%8f%f0%9f%93%81/

MLA
" » Image hosting service built with Next.js, Supabase, and TailwindCSS. 📸⚡️📁." Lucas L. | Sciencx - Tuesday October 5, 2021, https://www.scien.cx/2021/10/05/image-hosting-service-built-with-next-js-supabase-and-tailwindcss-%f0%9f%93%b8%e2%9a%a1%ef%b8%8f%f0%9f%93%81/
HARVARD
Lucas L. | Sciencx Tuesday October 5, 2021 » Image hosting service built with Next.js, Supabase, and TailwindCSS. 📸⚡️📁., viewed ,<https://www.scien.cx/2021/10/05/image-hosting-service-built-with-next-js-supabase-and-tailwindcss-%f0%9f%93%b8%e2%9a%a1%ef%b8%8f%f0%9f%93%81/>
VANCOUVER
Lucas L. | Sciencx - » Image hosting service built with Next.js, Supabase, and TailwindCSS. 📸⚡️📁. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/10/05/image-hosting-service-built-with-next-js-supabase-and-tailwindcss-%f0%9f%93%b8%e2%9a%a1%ef%b8%8f%f0%9f%93%81/
CHICAGO
" » Image hosting service built with Next.js, Supabase, and TailwindCSS. 📸⚡️📁." Lucas L. | Sciencx - Accessed . https://www.scien.cx/2021/10/05/image-hosting-service-built-with-next-js-supabase-and-tailwindcss-%f0%9f%93%b8%e2%9a%a1%ef%b8%8f%f0%9f%93%81/
IEEE
" » Image hosting service built with Next.js, Supabase, and TailwindCSS. 📸⚡️📁." Lucas L. | Sciencx [Online]. Available: https://www.scien.cx/2021/10/05/image-hosting-service-built-with-next-js-supabase-and-tailwindcss-%f0%9f%93%b8%e2%9a%a1%ef%b8%8f%f0%9f%93%81/. [Accessed: ]
rf:citation
» Image hosting service built with Next.js, Supabase, and TailwindCSS. 📸⚡️📁 | Lucas L. | Sciencx | https://www.scien.cx/2021/10/05/image-hosting-service-built-with-next-js-supabase-and-tailwindcss-%f0%9f%93%b8%e2%9a%a1%ef%b8%8f%f0%9f%93%81/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.