The document discusses different technologies for building fullstack Nuxt.js projects including using pnpm as a package manager, component-based design with Vue, transpiling code with Babel, and bundling with tools like Vite. It also covers Nuxt features like client-side rendering, server-side rendering, static site generation, incremental static regeneration, and prerendering.

1. Babel Coder
FULLSTACK NUXT.JS

2. Babel Coder
NUXT TECH STACK

3. Babel Coder

4. Babel Coder
project
package.json
{
"name": "project-name",
"scripts": {},
"dependencies": {
"lodash": "^16.13.1"
},
"devDependencies": {
"dotenv": "^16.13.1"
}
}
node_modules
lodash
dotenv

5. Babel Coder
.pnpm Store
project
package.json
node_modules
lodash
dotenv
Hard link
pnpm add lodash
pnpm add -D dotenv
pnpm remove loads

6. Babel Coder

7. Babel Coder
COMPONENT BASED DESIGN
App
Jumbotron
Header PostList
PostItem
PostItem PostItem

8. Babel Coder
VUE
App
Jumbotron
Header PostList
PostItem
PostItem PostItem

9. Babel Coder
TRANSPILER

10. Babel Coder
BUNDLER
/articles articles.js
articles.css
articles

11. Babel Coder
VITE

12. Babel Coder
NUXT.JS
project
package.json
pages
blog.vue
/blog
CSR
SSR
SSG
ISR
Prerender

13. Babel Coder
NITRO
project
package.json
pages
blog.vue
/blog
CSR
SSR
SSG
ISR
Prerender