swiftwave_app_store.md

id	title	sidebar_position
swiftwave_app_store	🏪 Swiftwave App Store	2

import React, { useEffect, useState } from 'react'; import BrowserOnly from '@docusaurus/BrowserOnly';

From Swiftwave App Store, you can install any app in few clicks.

Available Apps

{() => { const [availableApps, setAvailableApps] = useState([]);

    const fetchAvailableApps = async () => {
        try {
            const response = await fetch('https://raw.githubusercontent.com/swiftwave-org/app-store/main/store.json');
            const data = await response.json();
            setAvailableApps(data);
        } catch (error) {
            console.log(error);
        }
    }

    useEffect(() => {
        fetchAvailableApps();
    }, []);

    return (
        <table>
        <thead>
            <tr>
                <th>Logo</th>
                <th>App Name</th>
                <th>Description</th>
                <th>Category</th>
            </tr>
        </thead>
        <tbody>
            {availableApps.map((app) => (
                <tr key={app.title}>
                    <td>
                    <img src={app.logo} alt={app.title} style={{
                        height: '30px',
                        width: '30px',
                    }}/>
                    </td>
                    <td>{app.title}</td>
                    <td>{app.description}</td>
                    <td style={{
                        textAlign: 'center'
                    }}>{app.category}</td>
                </tr>
            ))}
        </tbody>
        </table>
    )
}}

How to install any app from Swiftwave App Store ?

1. Go to Swiftwave App Store

2. For instance, we are installing NextCloud. So tap on that.

3. You will see the variants available for installation.

   

4. For now, we want to install with a postgres database. So tap on that.

5. Then you will find the app installation wizard.

   

6. Click on the Install Now button at the bottom.

7. You will be asked to fill up the required details.

   

8. Provide application name and other details.

   

   :::tip

   If you want to ignore configuring any ingress rule, you can do that by tapping on the red cross ❌ icon.

   :::

9. Click on the Install Now button to start the installation.

10. On confirmation, you will get a success message with all the info.

    

11. You can click on the View button to see the deployment status.

12. Or, back to dashboard, you will see a group of apps with their status.

    

13. Let's open the app details of NextCloud.

    

14. Let's go to the url of the app and see the app in action.

    

15. Yup it's working!