Remix

https://gyazo.com/72bac1e6fa0d9ad27fde7630a2f2b89d

full stack framework

Web標準に基づいて構築されている

開発者

企業かな?

loader()

SPA modeでは使えない

serverLoader()

SPA modeでは使えない

action()

mutation

headers()

Response headerを設定できる

routes/

entry.client.tsx

entry.server.tsx

この辺のCOmponent

code:tsx

import {

Links,

Meta,

Outlet,

Scripts,

ScrollRestoration,

} from "@remix-run/react";

build

$ npx remix build

$ npx remix-serve build/index.js

でアクセス

Reactのfamework

Next.jsはbuild時にデータを埋め込むSSGとかをやるが、RemixはCache Controlで頑張る

というのも、扱うデータが多いのでSSGが上手くいかないから、という感じらしい

SSGの機能はない

分散サーバー・分散データベースをエッジで実行する

front/backが一緒になっているものを作る場合はNext.jsより楽らしい

formのsubmitの扱いとかが楽らしい

これめっちゃ良いらしい

defaultでSSR

server/clientのコードを同じ場所に書くことのわかりづらさ