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.