RemixはReactのフレームワーク
Vercelにログインして、New Projectを選択して、
Browse All Templatesを選択して、
Remixを選択すると、
GitHubにリポジトリを作成して、
Vercelにデプロイまで完了する
https://my-remix-pages.vercel.app
GitHub - hiroyuki12/my-remix-pages
$ cd github
$ git clone https://github.com/hiroyuki12/my-remix-pages
$ cd my-remix-pages
$ yarn install
$ yarn dev
編集する場合は、
$ nvim app/routes/index.tsx して、編集すると画面に反映される。
GitHubにpushすると、デプロイされる
$ cp index.tsx hello.tsx すると、
http://localhost:3000/hello で開けるようになる
vite-react-pagesのqiitaを参考に、index.tsxを変更
vite-react-pages/App.jsx at main · hiroyuki12/vite-react-pages · GitHub
ReactベースのあたらしいフレームワークRemixをためしてみた | DevelopersIO
通常のスタイルシートを用いる(QiitaApp.cssをインポートして適用)
RemixでのCSSまわりに関する調査(2022年1月現在) - Qiita
PWA
nameとshort_nameを変更
Remix(Reactフレームワーク)にServiceWorkerを追加してPWA化する方法
PWAのpngファイルを生成
UPLOADボタンの右の空白をクリックしてpngを選択。その後UPLOADボタンをクリック。colorは黒(#000)に変更
web-app-manifest generator