Mở đầu Tôi là 1 kỹ sư công nghệ thông tin mới ra trường. Trong thời gian học Đại học, từ năm 1 tới năm 4, tôi đi làm thêm tại TSUTAYA (chuỗi cửa hàng bán sách, video...v.v nổi tiếng bên Nhật). Tôi mới tốt nghiệp và đang trong quá trình tìm việc, nên đã bỏ công việc làm thêm. Tuy nhiên, vì đã gắn bó với TSUTAYA suốt 4 năm, nên trước khi rời đi, tôi muốn để lại cái gì đó với nơi thân...
Happy New Year Line Bot API Firebase nextjs Web Application
Trong dự án single page hầu hết chúng ta sẽ xử lý form cho vào hết store để tiện cho việc xử lý sau này, thường sẽ liên quan nhiều đến việc validate form, format lại định dang dữ liệu trước khi submit dữ liệu lên server. Mọi việc tưởng chừng rất đơn giản, nhưng khi QA log bug liên quan đến clear form data thì mọi việc trở nên phức tạp hơn rồi Các kiểu log bug của QA thường có 2 dạng, mình xin...
nextjs ReactJS FormData
We can easily create Client rendered pages (CSR) and Static generated pages (SG) using Next.js. But, often times, you'll want your page to use a combination of those different rendering methods. Like, you want your static page to be generated with some data from api, then once the users browser has hydrated the static page, you want CSR to kick in. There is one way we can use this, by using the excellent SWR plugin from Vercel (`creators of Next.js). Let's have a quick look about it in this...
Happy New Year nextjs swr sg CSR
Đặt vấn đề Ở bài trước, ta đã tìm ra các giải quyết việc hiển thị lại các component dùng chung trong Nextjs, nhưng vẫn tồn tại điểm yếu rằng các component luôn được chia sẻ cho mọi page, do đó ta sẽ xem xét đến cách khác giải quyết vấn đề này. Ở bài viết này, vẫn sử dụng project ở bài trước. Cách 2: Vẫn ném hết component chung vào file _app.js nhưng đặt thêm điều kiện Ta xem lại...
nextjs May Fest
Xin chào mọi người hôm nay mình xin chia sẻ một tính năng của Nextjs đó Dynamic Layout. Vậy nó là gì? khi nào cần sử dụng mình cùng tìm hiểu nhé! Bạn sẽ học được gì ? Dynamic layout là gì? Khi nào sử dụng nó. Triển khai trong Nextjs như thế nào? Dynamic layout là gì? Dynamic có nghĩa là động thì mình tạm dịch ra là "Layout động", thì theo ý nghĩa của nó thì Layout có thể tùy biến, thay đổi...
nextjs
1. Tạo nhanh Nextjs App Để tạo Nextjs App, mở terminal và vào thư mực bạn muốn tạo. Chạy dòng lệnh sau: npx create-next-app next-page-navigation Chạy môi trường dev. cd vào thư mục cd next-page-navigation Chạy dòng lệnh sau npm run dev Hãy xem nó hoạt động ổn chưa bằng cách vào http://localhost:3000 trên trình duyệt của bạn. 2. Cách tạo Pages trong Nextjs Trong Nextjs, một page là 1 React Component được export từ...
nextjs