Skip to content
Gallery
TIP SHARE DEVELOP
TIP - TEST
TIP - HTML/CSS ❤️✅
TIP - ANGULAR { Structure + Custom }❤️✅
TIP - THE COMPONENT DEV KIT ( CDK )❤️✅
TIP - JAVASCRIPT ❤️✅
TIP - TYPESCRIPT❤️✅
TIP - RXJS ❤️✅
TIP - CODE ❤️✅
TIP - CODE :: SYNTAX ❤️✅
TIP - REACTJS ❤️✅
TIP - REACTJS: SYNTAX ❤️✅
TIP - PACKAGE::ANGULAR
TIP -PACKAGE::REACTJS ❤️✅
NEXTJS
Deploy
Concepts - Server❤️✅
UNIT TEST ❤️
Docker
Share
Explore

icon picker
NEXTJS

TIP NEXTJS ❤️✅
~~~~~~ ​✅ → Có 4 loại::
* Pre-rendering (using nextjs)
* SSG - Static Site Generation
* SSR - Server Side Rendering
* CSR - Client Side Rendering
* ISR - IncrementalStatic Regeneration
✅CSR | HYDRID vs REDUX & REACT QUERY
→ Có 4 compos kết hợp:
+ React Query + CSR → Cái này đơn giản và đỡ tốn effort nhất mà vẫn đảm bảo đầy đủ chức năng.
+ React Query + Hybrid (CSR + SSR)
+ Redux + CSR
+ Redux + Hybrid (CSR + SSR)

✅Deployment for Nextjs

*Up to vercel

*Self hosting

→ Node.js Server
→ Docker image
→ Statis HTML export

✅Config image optimized
unoptimized: true/default::false
true: the source image will be served as-is instead of changing quality, size, or format. (hình ảnh nguồn sẽ được phục vụ nguyên trạng thay vì thay đổi chất lượng, kích thước hoặc định dạng.), export app static.
false(default): Synonymous optimization, ảnh sẽ được tối ưu theo kích cỡ
/Ref::
https://stackoverflow.com/questions/65487914/error-image-optimization-using-next-js-default-loader-is-not-compatible-with-n
⁠
⁠

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.