I am working on my first OctoberCMS project and so far all seems to be working fine.

This is my local server url http://localhost/5p_front/ and say for example my live project url will be something like this http://www.example.com or can be like this http://www.example.com/5p_front

I have installed the plugin called Static Pages and i have created few pages as well using this plugin which works fine.

The thing is, i have also added few images in these static pages using the WYSIWYG editor which they are providing and when i click on Code View icon inside that editor, i can see the HTML code and in html img tag i can see something like this

<img src="/5p_front/storage/app/media/uploaded-files/intigrate-backup.png" />

As you can see a text 5p_front inside my image tag as an src

So i was just wondering, do i need to reupload all the images and update all of my static pages once i upload whole project to live ?

When you upload your site to the live server - if you have included that directory (/5p_front/storage/app/media/uploaded-files/) in your backup that you're putting on the live server - the images will be there.

I'm sure there is a much cleaner way to do that though instead of hard-coding the URL in such a fashion - but without research I'm not 100% sure what it is.

If you're installing from scratch on the live server - then no, the images will not be. That said, you could install from scratch then just upload those images to the appropriate folder and they will be there.