https://tobone.one

Technology Jargon

Using Next.js is a popular open-source React framework for building web applications. It's designed to simplify the development of modern web applications by providing a set of features and conventions that make it easier to create performant and SEO-friendly websites. Next.js builds upon React and adds server-side rendering, routing, and other useful features, making it a powerful choice for both server-rendered and client-rendered applications. I find it blazingly fast while exciting to work with and a remarkable upgrade to Node.js applications.

Current Build

Route (app)                                      Size     First Load JS
┌ ○ /                                            507 B           133 kB
├ ℇ /api/navigation                              0 B                0 B
├ ○ /contact                                     171 B          81.1 kB
├ λ /dashboard                                   171 B          81.1 kB
├ λ /dashboard/[navigateSlug]                    405 B          81.3 kB
├ λ /dashboard/[navigateSlug]/[subNavigateSlug]  405 B          81.3 kB
├ ○ /playground/dev-playground                   175 B            87 kB
├ ● /playground/dev-playground/[postId]          448 B          87.2 kB
├   ├ /playground/dev-playground/chat-27-05-23
├   ├ /playground/dev-playground/chat-17-05-23
├   ├ /playground/dev-playground/chat-14-05-23
├   └ [+3 more paths]
├ ○ /playground/louzy-poet                       170 B          81.1 kB
├ λ /playground/louzy-poet/[id]                  171 B          81.1 kB
├ ● /posts/[postId]                              449 B          87.2 kB
├   ├ /posts/chat-27-05-23
├   ├ /posts/chat-17-05-23
├   ├ /posts/chat-14-05-23
├   └ [+3 more paths]
├ ○ /web-development                             1.74 kB        93.5 kB
└ ● /web-development/[id]                        476 B          92.2 kB
    ├ /web-development/twobone-nextjs
    ├ /web-development/185registrations-nextjs
    ├ /web-development/vizlutions-html
    └ [+4 more paths]
+ First Load JS shared by all                    80.9 kB
  ├ chunks/114-053383725b759b86.js               26.3 kB
  ├ chunks/bf6a786c-840769bfcd4cccbd.js          52.7 kB
  ├ chunks/main-app-06d2c5e586b5f99c.js          215 B
  └ chunks/webpack-fa34b2b961d24373.js           1.77 kB

Route (pages)                                    Size     First Load JS
┌ ○ /404                                         182 B          75.8 kB
└ λ /api/revalidate                              0 B            75.6 kB
+ First Load JS shared by all                    75.6 kB
  ├ chunks/framework-8883d1e9be70c3da.js         45 kB
  ├ chunks/main-da848d46548c227c.js              28.6 kB
  ├ chunks/pages/_app-52924524f99094ab.js        195 B
  └ chunks/webpack-fa34b2b961d24373.js           1.77 kB

ℇ  (Streaming)  server-side renders with streaming (uses React 18 SSR streaming or Server Components)
λ  (Server)     server-side renders at runtime (uses getInitialProps or getServerSideProps)
○  (Static)     automatically rendered as static HTML (uses no initial props)
●  (SSG)        automatically generated as static HTML + JSON (uses getStaticProps)