bluewave onboarding

Bluewaveオンボーディング

BlueWave Onboardingは、アプリの所有者が知識とユーザーエクスペリエンス指向のアプリを構築するのに役立ちます。次の機能が含まれています。

• ようこそツアー
• 製品のヒント
• チェックリスト
• ポップアップ
• バナー
• リンク

これは進行中のアプリケーションです。ソースコードは、GNU Agplv3で利用できます。

技術スタック

• Reactjs
• Mui（React Framework）
• node.js
• postgreSql

インストール

1. サーバーが実行されるマシンにDockerがインストールされていることを確認してください。

2. GitがマシンGitに取り付けられていることを確認してください。

3. nginxがインストールされていることを確認してください。

4. クローンGithubリポジトリ

 cd ~
git clone https://github.com/bluewave-labs/bluewave-onboarding.git
cd bluewave-onboarding

5. nginxを構成します

nginx構成ファイルを開きます：

sudo nano /etc/nginx/sites-available/onboarding-demo

次の構成を追加します。ドメイン名であなたの_domain_nameを変更します：

    listen 80;
    server_name YOUR_DOMAIN_NAME;
    return 301 https://$host$request_uri; 
    }

server {
    listen 443 ssl;
    server_name YOUR_DOMAIN_NAME;
    ssl_certificate /etc/letsencrypt/live/YOUR_DOMAIN_NAME/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/YOUR_DOMAIN_NAME/privkey.pem;
    include /etc/letsencrypt/options-ssl-nginx.conf;
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem;

    location / {
        proxy_pass http://localhost:4173;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }

    location /api/ {
        proxy_pass http://localhost:3000;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }
}

6. 構成を有効にするためのシンボリックリンクを作成します。

sudo ln -s /etc/nginx/sites-available/onboarding-demo /etc/nginx/sites-enabled/

7. certbotとそのnginxプラグインをインストールします。

sudo apt install certbot python3-certbot-nginx

8. SSL証明書を取得します。 certbotを実行して、ドメインの証明書を取得します。

sudo certbot --nginx

9. nginx構成を確認します：

sudo nginx -t

10. nginxを再起動して変更を適用します。

sudo systemctl restart nginx

11. プロジェクトを開始します

cd ~/bluewave-onboarding docker compose up -d

貢献

オンボーディング製品に貢献する方法は次のとおりです。

• 貢献者のガイドラインを確認してください
• Figmaのデザインをこちらをご覧ください。自分のfigmaページにコピーして、読み取り専用であるため、作業することをお勧めします。
• バグに遭遇したと思われる場合は問題を開きます
• 新しい機能を追加するためのプルリクエストを作成/生活の質の改善/修正バグを作成します。
• Branchを開発するためにPRを送信することを確認してください。