ReactNext.jsプロジェクトの公開手順Next.jsで作ったアプリを公開、SSL対応、永続化するためのメモ。nowじゃなくて普通に自前のLinuxサーバーに載せることを考えます。気持ち的にはNext.jsプロジェクトの初期設定の続きです。コメントを残すNext.jsプロジェクトの初期設定next.jsはnowと合わせると秒単位でWEBアプリを公開できるような超速フレームワークですが、それなりの規模のものを作ろうと思うと色々設定が必要です。慣れてきたので振り返りもかねてプロジェクト初期設定の備忘録。プロジェクト作成からGit設定、各種コンフィグ類の設定、必須ライブラリの導入とカスタムページの用意まで。コメントを残すNext.jsで外部ライブラリのスタイルシート適応ReactでUIコンポーネントを使う時にMaterial-UIは一番有力な選択肢だと思います。modulesによるクラス名付与が合わなくなる問題が起きました。“MuiBox-root...これによって一部スタイルが崩れてしまう。devでの再コンパイルや内部遷移によって直ることもあるがproductionでも問題が起きるので使い物にならない状態なので対策します。コメントを残すNext.jsのポート番号設定Next.jsは基本ポート:3000で起動します。これを定義1つで起動ポートから、プログラムからの参照(自身のAPIアクセスなどで)までするためのメモ。APIを使いたかったけど、Reactライフサイクル内にないため使えなかった。propsを経由してconstructor()内でコンテクストに入れようとしたら中身にアクセスできなかった。componentDidMount()でも悪くはないけどrender()前に処理したいので、ドキュメントにない方法で使ってみます。コメントを残すNext.jsのライフサイクルと外部APIのタイミング簡単にReactを使ったSSRができるNext.jsを使っていて外部APIをfetchするときに色々戸惑ったので覚書き。公式ドキュメントが結構偏っているのと日本語情報も少ないのでわりと手探りでどうすればいいか考えていきます。コメントを残すReactのグローバル変数を管理するReactでグローバルに変数を使いたい機会ができた。いえば使い始めのころにNativeでグローバル変数の利用に右往左往してました。今は大分慣れてきたので色々な方法を考えてみます。コメントを残すNext.jsのファイル構成と共通ページ設定React.jsのSSRをしたくてNext.jsを触ってみて少しずつ理解できて来たのでちょくちょく覚書きしていきます。今回は設計や共通ページなどの大枠。リンク先でReadmeと公式ドキュメントを載せておきますが、内容は同じなので見やすいほうを見ればいいと思います。有志の日本語翻訳もありますが、最初にざっと読む用に向いている気がする。Nativeを触っていたらWebの方も触りたくなってきた。Rendering)したかったのでNext.jsを使ってみます。キャッシュ設定もしたかったのでExpress併用も考えます。Nativeで複数画面の共通変数管理ReactNativeで複数画面間の共通変数を扱うことを考える。共通の定数ならグローバルで用意して読み込めばいいけど変数は少し厄介だった。Navigation、設定保存などにはAsyncStorageを使う。