Q&A
SSRにしてCDN側のパターンマッチで高速化したいページを強制キャッシュさせるのがよさそうですね
Nuxt.jsを使って構築しようとしている、
図のような構成のサイト（Web APP）があったとします。
会員登録があるサイトで、ログインしているかの状態判定をして、
| ログイン状態 | ヘッダーの表示 |
|---|---|
| 未 | ログインボタン |
| 済 | ユーザー名・マイページへの導線 |
みたいな表示わけをサイト全体通してやりたいです。
という前提で、1つのサイト（Web App）で
一部のページ群をStaticSiteGenerateして各ページのHTMLを生成、
一部のページをSPAとして書き出す
みたいなことって、考えうるんでしょうか？
なぜそんなことしたいかというと、、、
- PageA・PageB： 一度作るとほぼ固定内容（一部Ajaxとかでロードしたいけど）で、検索に対応したり、訪問者への表示を早くしたいページ。
- PageC・PageD： 動的サイトで、どんどん増える＆どんどん書き換えが起こる（利用ユーザーページとか、CGMみたいな）
のイメージだからです。
回答2件
0
自己解決
アプリの設計としては無い。
サーバー側のキャッシュ設定などでうまいことやろう。
という結論です。
投稿2021/04/27 10:09
総合スコア33
0
Next.js の話になりますが可能です。URL からパラメータを受け取って動的に SPA として動くアプリケーションを自動生成するようになっています。まさしくおっしゃっているような利用用途で使われているかと思います。Nuxt.js については、残念ながら触ったことがないので憶測でしか言えませんが、Next.js より動的なことができる味付けがされていると聞きますし、より柔軟に可能なのではないでしょうか。まずは実際に触ってみるのが理解への近道です！
投稿2020/12/17 04:42
総合スコア2853
コマンドが`build`か`start`かで、その中身のアプリケーション全体に動くので、やっぱり同じアプリないで両立ってないですよね。。。
別アプリにして、`build`のdist先を`start`で動くアプリに向けるとできるのかな～？
今回調べてたきっかけの企画は、全体を`start`で動かすものでOKになったので、今回はこれでクローズしようかと。
すみません、質問を誤解していたのですが「別々に」書き出したかったのですね。図を見る限り同じアプリケーションに見えたので SSG 部分と SPA 部分に分けることは可能かという質問かと思っておりました。
ありがとうございます！
> 質問を誤解していたのですが「別々に」書き出したかったのですね
いや、一緒に書き出したかったのです。
が、どう書き出されるかが、全体設定＆コマンドに依存しているので、
どうにか１つのアプリ内で設定を分けたりできないのかな？ という意図でした。
あなたの回答
tips
プレビュー
