chibi929's blog

その一歩先へ。ちびです!猫の名前です!ドラゴンボール好き!純粋なサイヤ人のように生きたいと思っています!IT技術で少しでも多くの人が笑顔になってくれたらいいなと。

SSGはスーパーサイヤ人ゴッドの略ではない

Rendering mode Deployment target Mode 備考
Universal Server SSR
Universal Static SSG
SPA Server SPA dist が勝手にできてた
SPA Static SPA generate が必要だった

Universal x Server (SSR)

yarn build

$ yarn build
yarn run v1.22.10
$ nuxt build
ℹ Production build                                                                                  23:30:00
ℹ Bundling for server and client side                                                               23:30:00
ℹ Target: server                                                                                    23:30:00
ℹ Using components loader to optimize imports                                                       23:30:00
ℹ Discovered Components: .nuxt/components/readme.md                                                 23:30:00
✔ Builder initialized                                                                               23:30:00
✔ Nuxt files generated                                                                              23:30:00

✔ Client
  Compiled successfully in 57.24s

✔ Server
  Compiled successfully in 9.05s


Hash: b37f16624616d5ea0e33
Version: webpack 4.46.0
Time: 57253ms
Built at: 2021/07/15 23:31:02
                         Asset       Size  Chunks                                Chunk Names
../server/client.manifest.json   12.4 KiB          [emitted]                     
                    0c17bb7.js   6.58 KiB       4  [emitted] [immutable]         components/tutorial
                    12066e4.js   1.93 KiB    5, 2  [emitted] [immutable]         pages/index
                    16a8a54.js    211 KiB       1  [emitted] [immutable]         commons/app
                    6e80df1.js    658 KiB       8  [emitted] [immutable]  [big]  vendors/app
                    8198d91.js   50.7 KiB       0  [emitted] [immutable]         app
                    9a04a2f.js  837 bytes       2  [emitted] [immutable]         components/card
                      LICENSES  407 bytes          [emitted]                     
                    a16ac7b.js   2.34 KiB       7  [emitted] [immutable]         runtime
                    afe68de.js  697 bytes       6  [emitted] [immutable]         pages/inspire
                    c6fe9ab.js   1.85 KiB       3  [emitted] [immutable]         components/nuxt-logo
         img/buefy.4761382.png   10.7 KiB          [emitted] [immutable]         
 + 2 hidden assets
Entrypoint app = a16ac7b.js 16a8a54.js 6e80df1.js 8198d91.js

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets: 
  6e80df1.js (658 KiB)

Hash: 2f88b2148fe88bdcebe3
Version: webpack 4.46.0
Time: 9058ms
Built at: 2021/07/15 23:31:11
                  Asset       Size  Chunks             Chunk Names
     components/card.js   2.47 KiB       1  [emitted]  components/card
components/nuxt-logo.js   5.89 KiB       2  [emitted]  components/nuxt-logo
 components/tutorial.js   7.13 KiB       3  [emitted]  components/tutorial
         pages/index.js   5.31 KiB    4, 1  [emitted]  pages/index
       pages/inspire.js   1.53 KiB       5  [emitted]  pages/inspire
              server.js    475 KiB       0  [emitted]  app
   server.manifest.json  635 bytes          [emitted]  
 + 6 hidden assets
Entrypoint app = server.js server.js.map
ℹ Ready to run nuxt start                                                                           23:31:11
Done in 76.31s.

yarn start

 yarn start
yarn run v1.22.10
$ nuxt start

   ╭──────────────────────────────────────────╮
   │                                          │
   │   Nuxt @ v2.15.7                         │
   │                                          │
   │   ▸ Environment: production              │
   │   ▸ Rendering:   server-side             │
   │   ▸ Target:      server                  │
   │                                          │
   │   Memory usage: 20.9 MB (RSS: 91.5 MB)   │
   │                                          │
   │   Listening: http://localhost:3000/      │
   │                                          │
   ╰──────────────────────────────────────────╯

Universal x Static (SSG)

yarn build

$ yarn build
yarn run v1.22.10
$ nuxt build
ℹ Production build                                                                                  23:36:06
ℹ Bundling for server and client side                                                               23:36:06
ℹ Target: static                                                                                    23:36:06
ℹ Using components loader to optimize imports                                                       23:36:06
ℹ Discovered Components: .nuxt/components/readme.md                                                 23:36:06
✔ Builder initialized                                                                               23:36:06
✔ Nuxt files generated                                                                              23:36:06

✔ Client
  Compiled successfully in 1.02m

✔ Server
  Compiled successfully in 10.26s


Hash: 3f3db012d24c48157286
Version: webpack 4.46.0
Time: 61190ms
Built at: 2021/07/15 23:37:13
                         Asset       Size  Chunks                                Chunk Names
../server/client.manifest.json   12.5 KiB          [emitted]                     
                    006c345.js  837 bytes       2  [emitted] [immutable]         components/card
                    00def6b.js   55.3 KiB       0  [emitted] [immutable]         app
                    35f6586.js   1.93 KiB    5, 2  [emitted] [immutable]         pages/index
                    4f835b4.js   6.58 KiB       4  [emitted] [immutable]         components/tutorial
                    59b0e20.js    212 KiB       1  [emitted] [immutable]         commons/app
                    60d1fb0.js   1.85 KiB       3  [emitted] [immutable]         components/nuxt-logo
                      LICENSES  407 bytes          [emitted]                     
                    a4e72ff.js  697 bytes       6  [emitted] [immutable]         pages/inspire
                    e8553bd.js   2.34 KiB       7  [emitted] [immutable]         runtime
                    fdb07ed.js    658 KiB       8  [emitted] [immutable]  [big]  vendors/app
         img/buefy.4761382.png   10.7 KiB          [emitted] [immutable]         
 + 2 hidden assets
Entrypoint app = e8553bd.js 59b0e20.js fdb07ed.js 00def6b.js

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets: 
  fdb07ed.js (658 KiB)

Hash: c551ba6b7cf582adcf68
Version: webpack 4.46.0
Time: 10266ms
Built at: 2021/07/15 23:37:23
                  Asset       Size  Chunks             Chunk Names
     components/card.js   2.47 KiB       1  [emitted]  components/card
components/nuxt-logo.js   5.89 KiB       2  [emitted]  components/nuxt-logo
 components/tutorial.js   7.13 KiB       3  [emitted]  components/tutorial
         pages/index.js   5.31 KiB    4, 1  [emitted]  pages/index
       pages/inspire.js   1.53 KiB       5  [emitted]  pages/inspire
              server.js    477 KiB       0  [emitted]  app
   server.manifest.json  635 bytes          [emitted]  
 + 6 hidden assets
Entrypoint app = server.js server.js.map
ℹ Ready to run nuxt generate                                                                        23:37:23
Done in 81.97s.

yarn generate

$ yarn generate
yarn run v1.22.10
$ nuxt generate
ℹ Production build                                                                                  23:37:43
ℹ Bundling for server and client side                                                               23:37:43
ℹ Target: static                                                                                    23:37:43
ℹ Using components loader to optimize imports                                                       23:37:43
ℹ Discovered Components: node_modules/.cache/nuxt/components/readme.md                              23:37:43
✔ Builder initialized                                                                               23:37:43
✔ Nuxt files generated                                                                              23:37:43

✔ Client
  Compiled successfully in 56.50s

✔ Server
  Compiled successfully in 9.12s


Hash: bca66b6c8cfee87710b5
Version: webpack 4.46.0
Time: 56504ms
Built at: 2021/07/15 23:38:43
                         Asset       Size  Chunks                                Chunk Names
../server/client.manifest.json   12.2 KiB          [emitted]                     
                    0c17bb7.js   6.58 KiB       4  [emitted] [immutable]         components/tutorial
                    1a04b20.js   1.93 KiB    5, 2  [emitted] [immutable]         pages/index
                    4b79b95.js   2.34 KiB       7  [emitted] [immutable]         runtime
                    9a04a2f.js  837 bytes       2  [emitted] [immutable]         components/card
                    9eebd6b.js   1.43 KiB       0  [emitted] [immutable]         app
                      LICENSES  407 bytes          [emitted]                     
                    ada281b.js    212 KiB       1  [emitted] [immutable]         commons/app
                    afe68de.js  697 bytes       6  [emitted] [immutable]         pages/inspire
                    c6fe9ab.js   1.85 KiB       3  [emitted] [immutable]         components/nuxt-logo
                    cf3ca1e.js    712 KiB       8  [emitted] [immutable]  [big]  vendors/app
         img/buefy.4761382.png   10.7 KiB          [emitted] [immutable]         
 + 2 hidden assets
Entrypoint app = 4b79b95.js ada281b.js cf3ca1e.js 9eebd6b.js

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets: 
  cf3ca1e.js (712 KiB)

Hash: 9638647218958335d52c
Version: webpack 4.46.0
Time: 9126ms
Built at: 2021/07/15 23:38:52
                  Asset       Size  Chunks             Chunk Names
     components/card.js   2.47 KiB       1  [emitted]  components/card
components/nuxt-logo.js   5.89 KiB       2  [emitted]  components/nuxt-logo
 components/tutorial.js   7.13 KiB       3  [emitted]  components/tutorial
         pages/index.js   5.31 KiB    4, 1  [emitted]  pages/index
       pages/inspire.js   1.53 KiB       5  [emitted]  pages/inspire
              server.js    477 KiB       0  [emitted]  app
   server.manifest.json  635 bytes          [emitted]  
 + 6 hidden assets
Entrypoint app = server.js server.js.map
ℹ Full static generation activated                                                                  23:38:52
ℹ Generating output directory: dist/                                                                23:38:52
ℹ Generating pages with full static mode                                                            23:38:52
✔ Generated route "/"                                                                               23:39:00
✔ Generated route "/inspire"                                                                        23:39:00
✔ Client-side fallback created: 200.html                                                            23:39:00
✔ Static manifest generated                                                                         23:39:00
Done in 80.28s.

yarn start

$ yarn start
yarn run v1.22.10
$ nuxt start

   ╭───────────────────────────────────────╮
   │                                       │
   │   Nuxt @ v2.15.7                      │
   │                                       │
   │   ▸ Environment: production           │
   │   ▸ Rendering:   server-side          │
   │   ▸ Target:      static               │
   │                                       │
   │   Listening: http://localhost:3000/   │
   │                                       │
   ╰───────────────────────────────────────╯

ℹ Serving static application from dist/           

SPA x Server (SPA)

yarn build

$ yarn build
yarn run v1.22.10
$ nuxt build
ℹ Production build                                                                                  23:43:43
ℹ Bundling only for client side                                                                     23:43:43
ℹ Target: static                                                                                    23:43:43
ℹ Using components loader to optimize imports                                                       23:43:43
ℹ Discovered Components: .nuxt/components/readme.md                                                 23:43:43
✔ Builder initialized                                                                               23:43:43
✔ Nuxt files generated                                                                              23:43:43

✔ Client
  Compiled successfully in 57.91s


Hash: e9f60385377726b98d03
Version: webpack 4.46.0
Time: 57923ms
Built at: 2021/07/15 23:44:46
                         Asset       Size  Chunks                                Chunk Names
../server/client.manifest.json   12.4 KiB          [emitted]                     
                    0c17bb7.js   6.58 KiB       4  [emitted] [immutable]         components/tutorial
                    16a8a54.js    211 KiB       1  [emitted] [immutable]         commons/app
                    419ce19.js   2.34 KiB       7  [emitted] [immutable]         runtime
                    6788b58.js   1.93 KiB    5, 2  [emitted] [immutable]         pages/index
                    6e80df1.js    658 KiB       8  [emitted] [immutable]  [big]  vendors/app
                    9a04a2f.js  837 bytes       2  [emitted] [immutable]         components/card
                      LICENSES  407 bytes          [emitted]                     
                    afe68de.js  697 bytes       6  [emitted] [immutable]         pages/inspire
                    c6fe9ab.js   1.85 KiB       3  [emitted] [immutable]         components/nuxt-logo
                    ec8f01b.js   50.9 KiB       0  [emitted] [immutable]         app
         img/buefy.4761382.png   10.7 KiB          [emitted] [immutable]         
 + 1 hidden asset
Entrypoint app = 419ce19.js 16a8a54.js 6e80df1.js ec8f01b.js

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets: 
  6e80df1.js (658 KiB)
ℹ Generating output directory: dist/                                                                23:44:46
ℹ Generating pages                                                                                  23:44:46
✔ Generated route "/inspire"                                                                        23:44:46
✔ Generated route "/"                                                                               23:44:46
✔ Client-side fallback created: 200.html                                                            23:44:46
Done in 68.09s.

yarn start

$ yarn start
yarn run v1.22.10
$ nuxt start

   ╭──────────────────────────────────────────╮
   │                                          │
   │   Nuxt @ v2.15.7                         │
   │                                          │
   │   ▸ Environment: production              │
   │   ▸ Rendering:   client-side             │
   │   ▸ Target:      server                  │
   │                                          │
   │   Memory usage: 18.6 MB (RSS: 89.5 MB)   │
   │                                          │
   │   Listening: http://localhost:3000/      │
   │                                          │
   ╰──────────────────────────────────────────╯

SPA x Static (SPA)

yarn build

$ yarn build
yarn run v1.22.10
$ nuxt build
ℹ Production build                                                                                  23:49:47
ℹ Bundling only for client side                                                                     23:49:47
ℹ Target: static                                                                                    23:49:47
ℹ Using components loader to optimize imports                                                       23:49:47
ℹ Discovered Components: .nuxt/components/readme.md                                                 23:49:47
✔ Builder initialized                                                                               23:49:47
✔ Nuxt files generated                                                                              23:49:47

✔ Client
  Compiled successfully in 58.49s


Hash: 0fcb3a0c397c8b4f5fa3
Version: webpack 4.46.0
Time: 58503ms
Built at: 2021/07/15 23:50:50
                         Asset       Size  Chunks                                Chunk Names
../server/client.manifest.json   12.3 KiB          [emitted]                     
                    0b35f6f.js   50.9 KiB       0  [emitted] [immutable]         app
                    0c17bb7.js   6.58 KiB       4  [emitted] [immutable]         components/tutorial
                    16a8a54.js    211 KiB       1  [emitted] [immutable]         commons/app
                    1c4bd71.js   2.34 KiB       7  [emitted] [immutable]         runtime
                    3e46965.js   1.93 KiB    5, 2  [emitted] [immutable]         pages/index
                    6e80df1.js    658 KiB       8  [emitted] [immutable]  [big]  vendors/app
                    9a04a2f.js  837 bytes       2  [emitted] [immutable]         components/card
                      LICENSES  407 bytes          [emitted]                     
                    afe68de.js  697 bytes       6  [emitted] [immutable]         pages/inspire
                    c6fe9ab.js   1.85 KiB       3  [emitted] [immutable]         components/nuxt-logo
         img/buefy.4761382.png   10.7 KiB          [emitted] [immutable]         
 + 1 hidden asset
Entrypoint app = 1c4bd71.js 16a8a54.js 6e80df1.js 0b35f6f.js

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets: 
  6e80df1.js (658 KiB)
ℹ Ready to run nuxt generate                                                                        23:50:50
Done in 68.30s.

yarn generate

$ yarn generate
yarn run v1.22.10
$ nuxt generate
ℹ Production build                                                                                  23:51:07
ℹ Bundling only for client side                                                                     23:51:07
ℹ Target: static                                                                                    23:51:07
ℹ Using components loader to optimize imports                                                       23:51:07
ℹ Discovered Components: node_modules/.cache/nuxt/components/readme.md                              23:51:07
✔ Builder initialized                                                                               23:51:07
✔ Nuxt files generated                                                                              23:51:07

✔ Client
  Compiled successfully in 57.22s


Hash: 06e482193e457b4594c4
Version: webpack 4.46.0
Time: 57241ms
Built at: 2021/07/15 23:52:07
                         Asset       Size  Chunks                                Chunk Names
../server/client.manifest.json   12.1 KiB          [emitted]                     
                    0f3fc8d.js   1.43 KiB       0  [emitted] [immutable]         app
                    349f70d.js    211 KiB       1  [emitted] [immutable]         commons/app
                    5eca4d1.js    708 KiB       8  [emitted] [immutable]  [big]  vendors/app
                      LICENSES  407 bytes          [emitted]                     
                    afbdee5.js   1.85 KiB       3  [emitted] [immutable]         components/nuxt-logo
                    c4296a4.js   2.34 KiB       7  [emitted] [immutable]         runtime
                    cc38122.js  697 bytes       6  [emitted] [immutable]         pages/inspire
                    cfb3248.js  837 bytes       2  [emitted] [immutable]         components/card
                    f3ade40.js   1.93 KiB    5, 2  [emitted] [immutable]         pages/index
                    f3b4173.js   6.58 KiB       4  [emitted] [immutable]         components/tutorial
         img/buefy.4761382.png   10.7 KiB          [emitted] [immutable]         
 + 1 hidden asset
Entrypoint app = c4296a4.js 349f70d.js 5eca4d1.js 0f3fc8d.js

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets: 
  5eca4d1.js (708 KiB)
ℹ Generating output directory: dist/                                                                23:52:07
ℹ Generating pages                                                                                  23:52:07
✔ Generated route "/inspire"                                                                        23:52:08
✔ Generated route "/"                                                                               23:52:08
✔ Client-side fallback created: 200.html                                                            23:52:08
Done in 63.98s.

yarn start

$ yarn start
yarn run v1.22.10
$ nuxt start

   ╭───────────────────────────────────────╮
   │                                       │
   │   Nuxt @ v2.15.7                      │
   │                                       │
   │   ▸ Environment: production           │
   │   ▸ Rendering:   client-side          │
   │   ▸ Target:      static               │
   │                                       │
   │   Listening: http://localhost:3000/   │
   │                                       │
   ╰───────────────────────────────────────╯

ℹ Serving static application from dist/                                                             23:52:18