Thumbnail

Built with next.js and forever an experiment while developing with next.js new features.

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
┌ ○ /                                      6.27 kB         141 kB
├ ○ /_not-found                            884 B          84.8 kB
├ λ /[mainSlug]                            3.52 kB        99.9 kB
├ λ /[mainSlug]/[subMainSlug]              5.9 kB          116 kB
├ ○ /about                                 4.14 kB         140 kB
├ λ /api/categories                        0 B                0 B
├ ℇ /api/dash                              0 B                0 B
├ ℇ /api/main                              0 B                0 B
├ λ /api/todos                             0 B                0 B
├ λ /api/todos/[id]                        0 B                0 B
├ λ /api/users                             0 B                0 B
├ λ /api/users/[id]                        0 B                0 B
├ λ /api/walks                             0 B                0 B
├ λ /api/walks/[id]                        0 B                0 B
├ ○ /blog                                  202 B          84.1 kB
├ λ /dashboard                             203 B          84.1 kB
├ λ /dashboard                             203 B          84.1 kB
├ λ /dashboard                             203 B          84.1 kB
├ λ /dashboard/[dashSlug]                  2.3 kB         93.7 kB
├ λ /dashboard/[dashSlug]/[subDashSlug]    2.02 kB        86.3 kB
├ ○ /dashboard/demographics                203 B          84.1 kB
├ ○ /dashboard/impressions                 203 B          84.1 kB
├ ○ /dashboard/subscribers                 204 B          84.1 kB
├ λ /dashboard/todo/edit/[id]              2.44 kB        86.4 kB
├ λ /dashboard/users/edit/[userSlug]       2.56 kB         109 kB
├ λ /dashboard/users/search/[searchTerm]   183 B          91.1 kB
├ ○ /dashboard/view-duration               203 B          84.1 kB
├ λ /dashboard/walks/edit/[walkSlug]       3.53 kB         110 kB
├ λ /dashboard/walks/search/[searchTerm]   183 B          91.1 kB
├ ○ /map                                   57.6 kB         210 kB
└ λ /search/[searchTerm]                   300 B          89.3 kB
+ First Load JS shared by all              83.9 kB
  ├ chunks/5290-daa02be0db4ee992.js        28.1 kB
  ├ chunks/bf6a786c-fcc1540ea18c2116.js    53.7 kB
  ├ chunks/main-app-d219eb35185a65cc.js    234 B
  └ chunks/webpack-eff07971ca340d2f.js     1.89 kB

Route (pages)                              Size     First Load JS
┌ λ /api/get-cookies                       0 B            80.1 kB
├ λ /api/login                             0 B            80.1 kB
└ λ /api/refresh                           0 B            80.1 kB
+ First Load JS shared by all              80.1 kB
  ├ chunks/framework-964c2d6016b0d731.js   45.2 kB
  ├ chunks/main-fad145ff9f0ebed7.js        32.9 kB
  ├ chunks/pages/_app-c5876d3c9d2aa56e.js  207 B
  └ chunks/webpack-eff07971ca340d2f.js     1.89 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)```

Built with next.js and forever an experiment while developing with next.js new features.