MBP(はてな)

MacBook Pro,iPhone Xs,React

VercelでRemix

RemixはReactのフレームワーク

Dashboard – Vercel

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

Remix - Build Better Websites

Remix 入門

通常のスタイルシートを用いる(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

これからはじめる PWA 2021