How to create a custom app shortcut on desktop with an adjustable icon position?

[reyrockstreet]

Hi everyone,
I have created a custom application, and I would like to know how to make a desktop shortcut for it. Additionally, I want to be able to arrange the shortcut icon’s position persistently, for example, placing it right next to the Public folder icon.

Is there a way to achieve this?

Thank you in advance for your help!

[DustinBrett]

You can find examples of shortcuts in Desktop.

As for the position, this can be set and is controlled in session.json.

An example would be:

Example.url

[InternetShortcut]
BaseURL=Example
IconFile=/System/Icons/example.webp

session.json

{
  "iconPositions": {
    "/Users/Public/Desktop/Example.url": {
      "gridColumnStart": 5,
      "gridRowStart": 2
    }
  }
}

[reyrockstreet]

Thank u so much!

[reyrockstreet]

Hello sir,

I’ve already filled the session.json file with the following content:
{"iconPositions":{"/Users/Public/Desktop/About Rey.url":{"gridColumnStart":2,"gridRowStart":1}}}

However, when I check, the icon position doesn’t change.
I also noticed that when the page loads, the content of session.json doesn’t keep my changes — the iconPositions part turns into an empty object like this:

"iconPositions": {}

For troubleshooting, I’ve already tried:

running yarn cache clean
deleting the .next folder and node_modules

running yarn install
running yarn build:prebuild
running yarn dev

But the issue still persists. Could you please help me figure out what I might be missing?

[DustinBrett]

You also need to clear the browser cache. It only reads the session.json file the first time when it makes the indexedDb database.

[reyrockstreet]

ahh.. yaass, it works!!