PWA Configuration

A Progressive Web App (PWA) lets your fans install your TribeNest website as an app on their phone or computer. It looks and feels like a real app -- with your own icon on their home screen, your branding, and a full-screen experience.

This is a powerful way to stay top-of-mind with your audience. Instead of bookmarking a website, fans can tap your icon and be right back in your world.

What You Need to Set Up

To enable the installable app experience, you need to provide:

• App Name -- The full name of your app (up to 50 characters)
• Short Name -- A shorter version of the name that appears under the app icon on home screens (up to 12 characters)
• Description -- A brief description of your app (up to 200 characters)
• App Icons -- Three square icons in different sizes
• Screenshots -- Two screenshots showing what your app looks like

Configuring Your App

1. Open your dashboard and go to Settings in the sidebar.
2. Click the App (PWA) tab.
3. Fill in the text fields and upload your images (details below).
4. Click Save PWA Configuration.

App Name and Short Name

• App Name -- This is the full name fans see when they install the app or view it in their device's app list. Use your artist name or brand name.
• Short Name -- This appears under the app icon on home screens where space is limited. Keep it short and recognizable.

For example, if your app name is "DJ Shadow Official", your short name might be "DJ Shadow".

Description

Write a brief description of what fans will find in your app. Something like "Music, merch, and exclusive content from [Your Name]" works well. Keep it under 200 characters.

Uploading App Icons

You need three icon sizes to support different devices and screen sizes:

• Icon 192x192 -- Standard icon for Android devices. Must be exactly 192 by 192 pixels.
• Icon 512x512 -- High-resolution icon for Android devices. Must be exactly 512 by 512 pixels.
• Icon 96x96 -- Smaller icon for compact displays. Must be exactly 96 by 96 pixels.

Icon Requirements

• All icons must be square (same width and height).
• Accepted formats are JPG and PNG.
• Each icon must match the exact pixel dimensions listed above. If the dimensions do not match, the upload will be rejected.
• Use a clear, recognizable image -- this is your app icon on fans' home screens.

Uploading Screenshots

Screenshots show fans what your app looks like before they install it. You need two:

• Wide Screenshot (1280x720) -- A landscape screenshot. Must be exactly 1280 by 720 pixels.
• Narrow Screenshot (750x1334) -- A portrait screenshot. Must be exactly 750 by 1334 pixels.

Screenshot Tips

• Show the best parts of your platform -- your website, store, or membership page.
• Use actual screenshots of your TribeNest site for the most authentic look.
• Make sure the screenshots are clear and visually appealing.

How Fans Install Your App

Once your PWA is configured:

1. A fan visits your website on their phone or computer.
2. Their browser offers an "Install" or "Add to Home Screen" option.
3. They tap it, and your app icon appears on their home screen.
4. Tapping the icon opens your website in a full-screen, app-like experience.

No app store needed. No downloads. It just works.

Updating Your App Settings

You can update your app name, description, icons, or screenshots at any time. Just go back to the App (PWA) tab, make your changes, and save. The updates will take effect for new installations. Fans who already installed the app may need to reinstall it to see changes to the icon or name.