A Lowdefy app provides a convenient method to host public files under the /public/* app route. Add content to be hosted publicly by creating a folder named public in the root of a Lowdefy project folder, next to the lowdefy.yaml file. Place the public content in this folder to host this content with your app.
All content in this folder will be publicly accessible at {{ APP_URL }}/public/{{ FILE_PATH_NAME }}. For example, the logo at the top of this page is hosted at https://docs.lowdefy.com/public/logo-light-theme.png. Sub-folders inside the public folder are supported.
By default, the public folder of a Lowdefy app will serve some files which most apps need:
apple-touch-icon.png: A 180x180px png image file to be used as the apple PWA icon.icon-32.png: A 32x32px png image file to be used as fallback favicon for some browsers.icon-512.png: A 512x512px png image icon.icon.svg: A svg image file which will be used as favicon if supported by browser.logo-dark-theme.png: A ~250x72px png image used as the header image forPageHeaderMenuandPageSiderMenublocks on desktop when the block theme is set todark.logo-light-theme.png: A ~250x72px png image used as the header image forPageHeaderMenuandPageSiderMenublocks on desktop when the block theme is set tolight.logo-square-dark-theme.png: A ~125x125px png image used as the header image forPageHeaderMenuandPageSiderMenublocks on mobile when the block theme is set todark.logo-square-light-theme.png: A ~125x125px png image used as the header image forPageHeaderMenuandPageSiderMenublocks on mobile when the block theme is set tolight.manifest.webmanifest: The app web manifest.
Any of these files can be overwritten by replacing the file with a modified version. For example, to replace the logo inside the header of PageSiderMenu on all pages, add a ~250x72px logo inside the project folder at /public/logo-light-theme.png.