Blitz.js が Rails を置き換えるか

javascript

最近、blitz で大きな変更が入ったららしく、1.0への大きな一歩らしいです。

2021年8月8日現在の最新版は
v0.40.0-canary.1

blitz-js/blitz – releases github
https://github.com/blitz-js/blitz/releases

ほんと、世の中の技術トレンドの移り変わりは激しいです。

Ruby on Rails は、webフレームワークとしてデファクトスタンダートの位置につきましたが、

それも過去の話、rubyの拡張性に疑問が出てきて、重厚な Ruby on Rails は過去のフレームワークとなりつつあります。

そんな中、世は javascript の戦国の世。

node.js やら Deno やら typescript やら React やら、サーバーサイドレンダリングやら、

もういっそ全てを javascript で書き上げて理想のフレームワークを作ろう、という動きになってきています。

そこで、Ruby on Rails を js のフレームワークで動くようにしてしまおうと生まれたのが Blits.js です。

Blitz is a batteries-included framework that’s inspired by Ruby on Rails, is built on Next.js, and features a “Zero-API” data layer abstraction that eliminates the need for REST/GraphQL.

Blitz は現在ベータですが、 1.0 expected in Q3 this year とあるので
7月から9月くらいに 1.0 がリリースされそうです。

日本は3月決算が通例なので、第3四半期というと10月から12月ですが、
アメリカでは12月決算が通例なので、第3四半期というと7月から9月らしいです。

Blitz.js
https://blitzjs.com

blitz-js/blitz – github
https://github.com/blitz-js/blitz

セットアップ

macOS Big Sur で確認済み

インストール

% yarn global add blitz

バージョン確認

% blitz -v
macOS Big Sur | darwin-arm64 | Node: v16.3.0
blitz: 0.36.4 (global)

プロジェクト作成

% blitz new my_blitz_app

実行

% cd my_blitz_app
% yarn dev

ブラウザで localhost:3000 にアクセスして以下のトップページが出たらokです。

エラーが起こる

上記トップページから

「Sign Up」ボタンを押すと、Sign Up が画面に行くのですが、

登録しようとしても、以下のように

TypeError: Failed to fetch

と出て先に進みません。

ログを見ても原因がよくわかりません。

Apple Silicon, Intel mac どちらでもダメです。

まだ Blitz.js はベータだからでしょうか?

*** 追記

blitz: 0.37.0 から、上記 Faild to fetch エラーは
発生しなくなりました。

BlitzPage とは

BlitzPage ってなんぞや? と思いますよね。

よくわかりませんが、継承すると何かメリットあるみたいです?

import { BlitzPage } from "blitz"

const Page: BlitzPage = () => {
}

わかったらレポートします。

関連記事

Blitz.js、Next.js辞めるってよ – 2021年05月03日
https://qiita.com/rana_kualu/items/69ef668e240ae9ccec87

blitz-js prisma rails 倒し方 – 2020.09.28
https://zenn.dev/mizchi/articles/cbe81299e145491676f8

2021年 は Fullstack Next.js 元年なので、有望な Next.js 系フレームワークを全部試した – 2020.12.06
https://zenn.dev/mizchi/articles/b53f539ade1f42

ざっくりと理解するBlitz.js – 2020年11月8日
https://isoppp.com/note/2020-11-08/roughly-understand-blitzjs

コメント

タイトルとURLをコピーしました