Quick Tip: How to Upload and Use Images in Your Project Easily

General
1

Hi everyone,
I’m just posting this to help anyone who might be stuck on uploading images such as logos or any other assets. What you need to do is:

  1. Go to your code editor.
  2. Create a folder (for example, named public).
  3. Drag and drop your images into that folder.
    From there, you should be able to call or import them easily in your code.
2

This is helpful. Thanks

3

Thanks @Perwriters,

If anyone is working on a NextJS project, it’s recommended to create a folder called public inside the root directory. Images here can be identified and used by the model in Firebase Studio.

More information on Static Assets in NextJS.

4

Hi Newbie, here, created a file publicimages, how do i add the filename to the app bypassing the unsplash default please?

5

don’t name it publicimages just name it public and when calling the images just ./banner.png or what ever you named your image

6

Incase you need a hand shoot me a DM