How to make local glyphs and sprite to be used on my style file for my hosted map?

Question

I am making a vector tile map and using Maplibre engine to show it on my website. I used to use Maptiler but now am going to host my own personalized map on my desired Hosting Service Provider.

I need to use sprite and glyphs endpoints, which now look something like this on my style file:

{
"version": 8,
.
.
.
    "glyphs": "https://api.maptiler.com/fonts/{fontstack}/{range}.pbf?key=...",
    "sprite": "https://api.maptiler.com/maps/streets/sprite"
}

But I don't want to use Maptilre endpoints and want to make my own personalized files and upload them on my host and make my own endpoints. where the result would be like:

{
    "version": 8,
    .
    .
    .
        "glyphs": "https://api.example.com/fonts/{fontstack}/{range}.pbf",
        "sprite": "https://api.example.com/maps/streets/sprite"
    }

any idea how I can achieve this?

Answer 1

I am trying to use an OpenSource tool: TileServer-GL

So far I managed to host a server map locally, but I have some inconsistencies between online Glyphs and Local... (Maputnik online editor vs Tileserve-gl)

Here is my raised issue: Tileserver-gl-issues