16種類のReactアプリを選んでワンストップで公開できる「Reshuffle」

◆ Reshuffle
https://reshuffle.com

紹介

「Reshuffle」は、16種類のReactアプリを選んでワンストップで公開できるWebサービスです。

TODO・ブログ・テキストエディターなど種類が豊富。好きなアプリを選ぶと

実際にアプリを動かすこともできます。早速、「REMIX」からこのダッシュボードアプリを公開していきましょう。

まずはGitHubと連携します。

すると「live app!」と表示され、選んだダッシュボードアプリが公開されました。

https://unusual-wolf-13.reshuffle.app

ただ、このままだとテンプレートのままなので、カスタマイズしていきます。

$ npx reshuffle download unusual-wolf-13

npx: 141個のパッケージを8.738秒でインストールしました。
No existing Reshuffle credentials found!

...

Your application is ready in dashboard

まずはソースコードをローカルにダウンロードして

$ ls
dashboard

$ cd dashboard

出来たdashboardのディレクトリに移動します。

ちなみに、ディレクトリ構造はこのようになっています。nodeもパッケージングされています。

試しにh1のタイトルを変更してみます。

$ npx reshuffle deploy
npx: 141個のパッケージを7.907秒でインストールしました。
Building and bundling your app! This may take a few moments, please wait

....


Project successfully deployed! Your project is now available at: https://unusual-wolf-13.reshuffle.app


https://unusual-wolf-13.reshuffle.app

次にデプロイコマンドを実行すると、変更内容がアップロードされます。

https://unusual-wolf-13.reshuffle.app
もう一度見ると見出しが変わりました。

オープンソースのアプリを公開するには、通常バックエンドやインフラの知識も必要になり、初学者にとって割と苦労します。それらをワンストップで構築できる点で魅力的です。あとは、独自URLなど細かい指定までできると実用性は高いプロダクトではないでしょうか。

◆ Reshuffle
https://reshuffle.com


コメントを読む

新着ピック  






















新着ニュース

Travis CIでRepositoryのアクセス権ごとにどんな操作が可能であるか確認してみた | Developers.IO

S3のユーザーポリシーを使用したバケットへのアクセスコントロールを公式チュートリアルで理解する | Developers.IO

ポケモンGOで初の大規模メンテナンス 2日未明から7時間

NeovimでScalaの編集環境を整えてみた | Developers.IO

営業推進室にジョインしました大森です | Developers.IO

AWS事業本部コンサルティング部にジョインしました大村です | Developers.IO

トレンドマイクロの製品に脆弱性? “マイクロソフトからBAN”の疑惑 公式は「事実と異なる」

「iPhone SE(第2世代)」用ケース選び 背面手帳型ケースおすすめ3選【2020年最新版】

Amazonギフト券がAmazon以外でも使える Amazon Payから残高を利用可能に

AWS事業本部にジョインしました川上です! | Developers.IO

DA事業本部にジョインした石川葉月です | Developers.IO

Disney+(ディズニープラス)、6月11日に日本上陸 ドコモが国内独占で提供

ImageBuilder をサポートした CloudFormation で AMI作成から EC2のオートスケール起動まで実装してみた | Developers.IO

新卒社員が入社2ヶ月でAWS Cloud Practitionerを取得した話。 | Developers.IO

“株式市場”のように商品を売買するECサイト「StockX」日本上陸 スニーカーやアパレルに特化

身内に潜む敵? 実はリモートより怖いlocal攻撃

ドローン動画「A World Artists Love」のアニ・アコピアン監督が語る制作秘話 | TechCrunch Japan

トランプ大統領の投稿にFacebookが行動を起こさない理由をザッカーバーグ氏が説明 | TechCrunch Japan

決定版!イマドキの ESLint 設定! | Developers.IO

PayPayがオンライン診断のオンライン決済に対応、調剤薬局の服薬指導にも使える | TechCrunch Japan

もっと見る
記事をPICKする
会員登録
Register
記事をPICKする

会員登録すると、もっと便利に利用できます。