Khang

Theo mình thì cách của bạn không cần sử dụng thư viện ngoài. React-i18next chỉ hữu ích khi các bước localize bạn thực hiện hoàn toàn trên phía client (+ quen với hệ sinh thái i18next), còn sử dụng dữ liệu đa ngữ từ BE thì có thể áp dụng các cách đơn giản, truyền thống như của bạn.

Nhìn chung thì nên nghiêng về giải pháp đơn giản và ko lệ thuộc thư viện ngoài nếu có thể 👍

Về cách implement bằng Laravel thì mình ko rõ, nhưng giải pháp chung đối với trường hợp sử dụng nhiều file CSS thì mình thường thấy như sau:

• File CSS 1 chứa theme cũ
• File CSS 2 chứa theme mới
• Bọc một class ngoài cùng cho file CSS 2, ví dụ:

.custom-theme body { }
.custom-theme section { }
.custom-theme .header { }
...

• Xử lý event switch giao diện đơn giản chỉ cần thêm class .custom-theme vào thẻ body hoặc root nào đó là được.

Sau khi build mà trang index.html của bạn trắng không tức là có vấn đề về đường dẫn đến các file JS, bạn mở thử console xem đúng như mình nói không. Nếu đúng thì giải pháp là trong file package.json, bạn thêm "homepage": "." vào để chỉnh lại đường dẫn, sau đó build lại.

Dùng !important như cách trên, hoặc dùng lại đúng các class cha chứa .content, ở đây là .hero-banner .slider .slide .content-holder .content

Trên stackoverflow cũng có câu hỏi tương tự, bạn tham khảo thử xem có solution nào phù hợp: https://stackoverflow.com/q/50332119

JavaScript là ngôn ngữ xử lý từ phía client (tức web browser như Chrome, Firefox, Edge...), còn ASP.NET Core là framework xử lý phía server. Bạn muốn gửi dữ liệu/request từ client qua server thì cần có một controller để xử lý request và trả về response tương ứng.

Bạn có thể tham khảo code mẫu tại đây (lưu ý chỉ là code mẫu, cách code cũng tùy framework): https://www.codeproject.com/Tips/832696/How-to-send-Data-from-JavaScript-to-Csharp-Server.