tìm hiểu sâu về Image Optimization trong web và đặc biệt là trong NextJS
trong video có chỗ blurDataUrl, mình pass sai kiểu nên nó không show placeholder blur, chỗ này mặc định của nó phải là kiểu “Must be a base64-encoded image”. bên dưới là reference cho ae tham khảo
nextjs document:
nextjs image blur demo:
–
–
– Base64 image:
create dynamic blur data url:
Thấy video hay, hữu ích hãy để lại like, comment, chia sẻ và đăng ký kênh để ủng hộ mình nhé. Xin cảm ơn.
#nextjs #image #optimize #optimization #frontend #pháttriểnweb #lậptrìnhweb #webdeveloper #exp #vinhweb
Discord Channel:
Ae tham gia nhóm discord để thảo luận cho thoải mái nhé!
trong video có chỗ blurDataUrl, mình pass sai kiểu nên nó không show placeholder blur, chỗ này mặc định của nó phải là kiểu "Must be a base64-encoded image". bên dưới là reference cho ae tham khảo
nextjs document: https://nextjs.org/docs/pages/api-reference/components/image#blurdataurl
nextjs image blur demo:
– https://image-component.nextjs.gallery/placeholder
– https://image-component.nextjs.gallery/color
– Base64 image: https://png-pixel.com/
create dynamic blur data url: https://medium.com/@kavindumadushanka972/learn-how-to-create-dynamic-blur-data-urls-for-images-in-next-js-bc4eb5d04ec6
đầu tư thật sự
mong anh tiếp tục phát triển kênh mạnh mẽ
Anh ơi react hay next có package nào dùng để viết blog mà ok không anh, mình sử dụng luôn trong source code luôn không phải dùng ở trang thứ 3
Thật sự khâm phục công sức đầu tư về nội dung truyền tải quá đúng pain point và ví dụ siêu thực tế của anh! Dễ hiểu hơn cả mấy ông người nước ngoài. Chúc anh thật nhiều sức khoẻ!
Đây là người duy nhất mình thích trong tất cả các ông múa dạy frontend , thay vì dạy như bth thì nhập tâm như cách tự tìm hiểu cho người xem cảm thấy hứng thú hơn . Đây mới đúng là có chuyên môn nếu giảng dạy chứ k phải mấy ông có chuyên môn kĩ thuật xong r làm khóa học đem bán xong dạy rất mặc định theo style chứ k phải kiểu tự mò rồi tìm ra cho mình một style riêng để đi. Đây mới đúng là thực tế khi đi làm mà anh em nên học từ tư duy research cho tới cách áp dụng
dạ cảm ơn về những video của anh rất nhiều. Sẵn cho em hỏi là những project cá nhân với những chức năng thế nào thì sẽ lọt vào mắt "xanh" của nhà tuyển dụng vậy anh. Cảm ơn và chúc anh nhiều sức khỏe