Functional Diagram of High-level Code Structure

Krutie
10
Krutie
commented a year ago

I'm trying to create functional digram to represent Universal Application Code in Nuxt.js, something similar to this https://ssr.vuejs.org/en/structure.html

I have put in few extra details in Universal App Code section of the diagram like modules, plugins, serverMiddleware, etc. I'd appreciate any comments or suggestion on this section to make this diagram better for anyone who is new to Nuxt.js

Also, I want to include high-level details of bundles/chunks that are created during build process in this diagram, such as, individual page bundles, layout bundles, app.js and vendor.js - but I know very little about Webpack to confidently portray those in this diagram. I'd really appreciate any help on this as well.

Universal-Application-Code-in-Nuxt.js.jpeg

Here's the high-res LucidChart view of the diagram -
https://www.lucidchart.com/documents/view/fe9587b8-d73c-41f8-84e0-0a5e77351f30/1

0
Krutie
10
Krutie
commented a year ago

@Atinux @pi0 @alexchopin @clarkdo Can anyone of you please have a look at this, and let me know if I'm on the right track? I'd really appreciate any feedback on this. Thanks in advance.

0
Informations
Question โ€ข Unresolved
#c132 - Created a year ago