ちびのはてな

「ちび(猫)」と「キノコ」から生まれた「ちびキノコ」。ドラゴンボール最強!純粋なサイヤ人のように生きたいと思っているモノ作りを楽しむ人です。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