Cảm ơn bạn nhiều. Thực tế thì không có cách nào gọi là "dịch trực tiếp" đâu bạn các ngôn ngữ khác không chỉ NextJS với React hay VueJS hay thậm chí bên server đều phải sử dụng cách mà bạn nói trên là chuyển nội dung dịch vào các file rồi gọi ra nhé.
Mình đang bắt đầu tập tành với Nextjs, vô tình lượm được bài này, giống như "Lượm được bí kiếp" vậy. ))
Cảm ơn bạn rất nhiều.
Nếu được bạn chia sẻ phần làm việc đa ngôn ngữ trong next dùng nexti18next đi bạn, mình có thấy demo example trong kho docs của nextjs trên github nhưng đọc qua thấy chỉ là demo rất đơn giản thôi, chỗ nào có text cần chuyển đổi ngôn ngữ thì nó viết riêng ra 1 file rồi bỏ vào trong thư mục locales, mình thấy làm vậy hơi bất tiện, không biết trong dự án thực tế nó làm sao nhỉ ? Có cách nào dịch trực tiếp không nhỉ, sau này maintain vào chính component đó sửa cho nhanh, chứ ngồi vừa nhìn component rồi vừa nhìn file dịch để so sánh mới tìm ra được chỗ sửa thì căng.
Tới đây rồi bác ơi, chạy lệnh này nó báo hard link
sudo ln -S /etc/nginx/sites-available/my-site.conf /etc/nginx/sites-enabled
sudo servie nginx reload
@tomhagen nếu bạn truy cập vào bằng IP và inspect lên sẽ thấy nó vẫn nhận nội dung của build từ React đó bạn. Và thông thường mình chỉ dùng port 5000 hoặc các port khác ở môi trường dev thôi còn khi lên server thì bạn chỉ nên dùng port 80 hoặc 443 vì một số lý do bảo mật vì thế mình nghĩ bạn nên cài thêm nginx và dùng port 80. Còn nếu bạn vẫn muốn dùng port 5000 thì bạn vẫn cần cai nginx. Sau đó bạn mở folder /etc/nginx/sites-available/ và tạo 1 file my-site.conf có nội dung như sau:
server {
listen 5000;
root [đường dẫn đến folder build của React];
index index.html;
}
Còn thằng Welcome to news Project như hình mình hỏi là sau khi thử với index build từ React không được, mình mới xóa hết để vào đó file index.html tự tạo với nội dung đơn giản như vậy thôi để test, tuy nhiên cũng không thấy gì hiển thị ra luôn. ( xem localhost thì đc )
THẢO LUẬN
Mình đã sửa lại nội dung như hướng dẫn nhưng vẫn không được bạn ơi, chạy lệnh reload lại nginx báo lỗi.
Bạn có thể teamview giúp mình được không, mấy cái này mình không có kiến thức gì mấy về nó. Cảm ơn bạn.
@tomhagen bạn thử sửa lại nội dung file
my-site.confthành như sau xem:Cảm ơn anh nhé! Bài rất ổn đấy!
Test vẫn không được bạn ơi, ca này căng quá
((

Cảm ơn bạn nhiều. Thực tế thì không có cách nào gọi là
"dịch trực tiếp"đâu bạn các ngôn ngữ khác không chỉNextJSvới React hay VueJS hay thậm chí bên server đều phải sử dụng cách mà bạn nói trên là chuyển nội dung dịch vào các file rồi gọi ra nhé.@tomhagen bạn bị sai đường dẫn rồi, bạn
cdvào trong folder public kia rồi gõ lệnhpwdđể lấy được đúng đường dẫn nhéTranslate chưa đến nơi
Test IP:5000 vẫn chưa được bạn ơi, bạn xem giúp mình viết chỗ đường dẫn vậy có đúng ko nhỉ ?
Đây là cấu trúc thư mục của mình:
@tomhagen sorry bạn mình bị viết sai chính tả
-sviết thường chứ không phải viết hoa nhéMình đang bắt đầu tập tành với Nextjs, vô tình lượm được bài này, giống như "Lượm được bí kiếp" vậy.
))
Cảm ơn bạn rất nhiều.
Nếu được bạn chia sẻ phần làm việc đa ngôn ngữ trong next dùng nexti18next đi bạn, mình có thấy demo example trong kho docs của nextjs trên github nhưng đọc qua thấy chỉ là demo rất đơn giản thôi, chỗ nào có text cần chuyển đổi ngôn ngữ thì nó viết riêng ra 1 file rồi bỏ vào trong thư mục locales, mình thấy làm vậy hơi bất tiện, không biết trong dự án thực tế nó làm sao nhỉ ? Có cách nào dịch trực tiếp không nhỉ, sau này maintain vào chính component đó sửa cho nhanh, chứ ngồi vừa nhìn component rồi vừa nhìn file dịch để so sánh mới tìm ra được chỗ sửa thì căng.
http://voxtrac.underlandian.com/ Không truy cập được
Tới đây rồi bác ơi, chạy lệnh này nó báo hard link sudo ln -S /etc/nginx/sites-available/my-site.conf /etc/nginx/sites-enabled sudo servie nginx reload
Bài viết rất chi tiết!
hay quá anh ưi
Series kết thúc rồi hả anh ơi ? đang hưng phấn
@tomhagen bạn gõ
cd /etc/nginxsẽ thấy màCái folder /etc/nginx/sites-available/ là sao mình chưa hiểu bạn ? nginx mình đã cài đặt rồi nhưng có thấy folder nào tên vậy đâu nhỉ ?

tks bạn nhiều
@tomhagen nếu bạn truy cập vào bằng IP và inspect lên sẽ thấy nó vẫn nhận nội dung của build từ React đó bạn. Và thông thường mình chỉ dùng port 5000 hoặc các port khác ở môi trường dev thôi còn khi lên server thì bạn chỉ nên dùng port 80 hoặc 443 vì một số lý do bảo mật vì thế mình nghĩ bạn nên cài thêm nginx và dùng port 80. Còn nếu bạn vẫn muốn dùng port 5000 thì bạn vẫn cần cai nginx. Sau đó bạn mở folder
/etc/nginx/sites-available/và tạo 1 filemy-site.confcó nội dung như sau:Sau đó bạn lưu lại file và gõ lệnh:
Và vào thử lại xem. Đây là cách config cho bạn để mở được React nhé
Còn thằng Welcome to news Project như hình mình hỏi là sau khi thử với index build từ React không được, mình mới xóa hết để vào đó file index.html tự tạo với nội dung đơn giản như vậy thôi để test, tuy nhiên cũng không thấy gì hiển thị ra luôn. ( xem localhost thì đc )