Tag nextjs
Tìm kiếm bài viết trong Tag nextjs
Cách tạo Sitemap trong NextJS bằng cách sử dụng gói next-sitemap
Trong bài viết này, tôi sẽ giải thích cách bạn có thể tự động hóa quy trình tạo sitemap bằng cách sử dụng gói next-sitemap. next-sitemap là một gói được Vishnu Sankar tạo ra và bảo trì và là gói phổ b
0 0 1
Daytona: Giải pháp tối ưu cho môi trường phát triển Next.js
Bạn đang lãng phí 56% thời gian cho việc thiết lập môi trường phát triển? Daytona, một trình quản lý môi trường mã nguồn mở, sẽ giúp bạn giải quyết vấn đề này và tập trung vào việc viết code. Tại sao
0 0 1
Thành phần Image trong Next.js: Giải pháp cho hiện tượng Layout Shift
Bạn đã bao giờ gặp tình huống đang đọc dở thì nội dung trang web bất ngờ nhảy loạn xạ vì ảnh tải xong chưa? Vấn đề thường gặp này, gọi là Cumulative Layout Shift (CLS), ảnh hưởng tiêu cực đến trải ngh
0 0 3
Giới thiệu về NextJS
Giới thiệu. . Next.js là một framework phổ biến trong việc phát triển ứng dụng web dựa trên React và được phát triển bởi Vercel.
0 0 3
Authentication Google One Tap, Nextjs 14 và Nestjs
Google One Tap cho phép người dùng nhấn 1 nút duy nhất để xác thực trong ứng dụng của bạn bằng tài khoản Google. Trong bài viết này mình sẽ sử dụng Nestjs làm backend.
0 0 8
5 giải pháp lưu trữ cache hiệu quả cho ứng dụng Next.js năm 2024
Để nâng cao hiệu suất cho ứng dụng Next.js, việc kết hợp các giải pháp lưu trữ cache (bộ nhớ đệm) là vô cùng cần thiết.
0 0 8
Hướng dẫn chi tiết sử dụng hiệu ứng animations trong tailwind CSS với next.js và Typescript
Hiệu ứng animation là một công cụ mạnh mẽ để tăng tính tương tác và sự hấp dẫn trực quan cho các ứng dụng web. Bài viết này sẽ hướng dẫn bạn cách sử dụng hiệu ứng animation của Tailwind CSS trong dự á
0 0 7
NextJS: 05-11 Hỗ trợ SEO cho trang blog details
Slide: https://drive.google.com/drive/folders/1p6EjDFBIk9eeoMfsr9z5ufCbhe1rzU8W?usp=sharing. ———.
0 0 11
NextJS: 05-10 Remark Prism
Hướng dẫn highlight code cho remark code-block với plugin của remark mang tên remark-prism. - Choose CSS for style markdown result at https://prismjs.com/download.html.
0 0 11
NextJS: 03-09 Cài đặt Protected Pages chỉ được truy cập khi đã đăng nhập
Khi dự án có một số trang yêu cầu đăng nhập thì mới xem được nội dung, mình sẽ setup như thế nào? . .
0 0 10
NextJS: 08-02 Fetch work data and render UI
Slide: https://drive.google.com/drive/folders/1p6EjDFBIk9eeoMfsr9z5ufCbhe1rzU8W?usp=sharing. ———.
0 0 9
NextJS: 03-08 Get logged in user with useAuth hook using useSWR
Cùng mình setup hook useAuth nơi cung cấp cho mình thông tin về dữ liệu của logged in user nhé . .
0 0 7
NextJS: 08-03 Sanitize HTML
Slide: https://drive.google.com/drive/folders/1p6EjDFBIk9eeoMfsr9z5ufCbhe1rzU8W?usp=sharing. ———.
0 0 8
NextJS: 08-01 Introduction to Work details page
Slide: https://drive.google.com/drive/folders/1p6EjDFBIk9eeoMfsr9z5ufCbhe1rzU8W?usp=sharing. ———.
0 0 6
NextJS: 04-19 Làm giao diện footer
Cùng mình làm giao diện cho phần footer nhé . . Slide: https://drive.google.
0 0 9
NextJS: 08-04 Add edit button
Slide: https://drive.google.com/drive/folders/1p6EjDFBIk9eeoMfsr9z5ufCbhe1rzU8W?usp=sharing. ———.
0 0 10
NextJS: 04-01 Nội dung dự kiến cho những chương tiếp theo 🎉
Những nội dung hấp dẫn tiếp theo của series NextJS . . - Slide: https://drive.google.
0 0 9
NextJS: 04-10 Setup font-family for MUI 5
Mặc định MUI sử dụng font Roboto, nhưng nếu bạn muốn đổi sang một font-family khác thì làm thế nào. ———. #nextjs. #protected_pages.
0 0 10
NextJS: 04-18 Work Item UI
Cùng mình phân tích và cài đặt UI cho phần work item ui nhé . . Slide: https://drive.google.
0 0 8
NextJS: 04-20 Hỗ trợ SEO cho trang Home
Cùng mình setup meta tags cho trang Home nhé . . Slide: https://drive.google.
0 0 9
NextJS: 04-12 Làm responsive cho hero section với MUI 5
Làm responsive với MUI 5 như thế nào, thử cài đặt cho hero section nhé ❤️. Slide: https://drive.google.com/drive/folders/1p6EjDFBIk9eeoMfsr9z5ufCbhe1rzU8W?usp=sharing.
0 0 10