レガシーフロントエンドをNext.jsにリプレイス 「開発生産性の向上」を感じさせてくれた5つのこと
「Developers Meetup 急成長ベンチャーが向き合う『開発生産性』」は、開発組織や事業フェーズの異なる株式会社Another works・株式会社SmartHR・株式会社スタメンの3社が、開発生産性について語り尽くすイベントです。ここで株式会社スタメンのかみお氏が登壇。フロントエンドのリプレイス前にあった課題と、「生産性が向上した」と感じさせてくれた5つのことについて紹介します。 かみお氏の自己紹介 かみお氏：「レガシーフロントエンドをリプレイスしたら開発生産性が向上しました」というタイトルでお話をします。よろしくお願いします。 まず自己紹介を簡単にさせてください。2021年1月にスタメンに入社して、主にフロントエンドを担当している「かみお」です。現在は、今回お話しするNext.jsへのリプレイスのプロジェクトに参加中です。今回初登壇なのでお手柔らかにお願いします。 今日は、リ
Cloudflare PagesでNext.js App Routerを使ってみる
はじめに Cloudflare Developer Week 2023にて数々の魅力的な発表がある中、Cloudflare PagesでNext.jsを利用するためのパッケージ@cloudflare/next-on-pagesがv1.0.0となりました。 執筆時の最新版であるv13.4.2のApp Routerにも対応しているということで早速試してみました。 なお、現時点でサポートされている機能については@cloudflare/next-on-pagesのドキュメントにもまとまめられています。 検証環境 Next.js v13.4.2 @cloudflare/next-on-pages 1.0.0 試してみる @cloudflare/next-on-pagesを使ってCloudflare Pagesにデプロイしてみます。 Next.jsのセットアップ まずはNext.jsの環境を用意します
Next.js+next-on-pages+Tailwind CSS+Cloudflare Pagesの開発体験が良すぎた話(よくない点もある)【ブログ更新しました】
Cloudflare PagesでNext.jsのApplicationを動かすためにはNext.jsのEdge Runtimeとnext-on-pagesを利用する必要があります。しかし、next-on-pagesで一個の_worker.jsを生成するとglobalで実行している処理が多すぎてCPU Limitに引っかかりデプロイできないという問題がありました。 ところが、先日_worker.js directory supportが行われたおかげでそれぞれのrouteのファイルが分割されたため1workerごとの処理が軽くなりNext.jsの大きいプロジェクトでもCloudflare Pagesにデプロイできるようになりました🎉 個人的にはv3.0.0の変更でも良かったと思いますが何故かv2.20.0で更新されていました...
管理画面等でNext.jsをBetter Reactとして使う | フューチャー技術ブログ
最近、Next.jsが複雑になりすぎて、単なるウェブ画面を作る用途にはNext.jsは重すぎるので別のものが良いとか、Vercel統合のための機能が多いんでしょ、みたいな感想を見かけることが増えた気がします。特に管理画面とか社内システムとかですね。B2Cでも設定画面系とかは当てはまるかもしれません。 ホンダ時代に、タイプRを買っても実際にサーキットとかに走らせに行く人は1/10ぐらい、という話を聞いた気がしますが、必ずしも、そのすべてのパフォーマンスを引き出さないのはダメとかなくて、単にかっこいいからとか、一部のメリットでも自分にあえば良いのです。 Next.jsも、たくさん機能がありますが、ミニマムな使い方もできます。 ほぼNext.jsの機能をオフにした使い方たぶんNext.jsを最低限で使うライン・メリットはここかな、と思います。 基本的に全部CSR(Client Side Rend
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
