Xây dựng website tìm kiếm việc làm

Đồ án tốt nghiệp xây dựng website tìm kiếm việc làm - ĐH Sư phạm Kỹ thuật TP.HCM năm 2024

• Tác giả: Nguyễn Hồng Vũ Khánh
• Người hướng dẫn: ThS. Nguyễn Trần Thi Văn
• Trường học: Trường Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh
• Chuyên ngành: Công nghệ thông tin
• Đề tài: Xây dựng website tìm kiếm việc làm
• Loại tài liệu: Khóa luận tốt nghiệp
• Năm xuất bản: 2024
• Địa điểm: Hồ Chí Minh

Tóm tắt

I. Tổng quan về đồ án website tìm kiếm việc làm SPKT

Đồ án tốt nghiệp xây dựng website tìm kiếm việc làm được thực hiện tại Khoa Công Nghệ Thông Tin, Trường Đại học Sư phạm Kỹ thuật TP.HCM vào tháng 7 năm 2024. Đề tài do hai sinh viên Nguyễn Hồng Vũ Khánh (MSSV: 19151241) và Võ Phương Nam (MSSV: 20144428) thực hiện dưới sự hướng dẫn của ThS. Nguyễn Trần Thi Văn. Đây là khóa luận tốt nghiệp ngành Công nghệ phần mềm, tập trung giải quyết bài toán kết nối ứng viên và nhà tuyển dụng trong bối cảnh thị trường lao động ngày càng cạnh tranh. Website được xây dựng nhằm cung cấp nền tảng trực tuyến giúp người lao động tìm kiếm cơ hội việc làm phù hợp và giúp doanh nghiệp tiếp cận nguồn nhân lực chất lượng. Hệ thống hỗ trợ hai nhóm người dùng chính là ứng viên và nhà tuyển dụng, với các chức năng riêng biệt theo phân quyền. Đề tài thể hiện sự kết hợp giữa lý thuyết học thuật và ứng dụng thực tiễn trong lĩnh vực phát triển web hiện đại, phản ánh xu hướng chuyển đổi số trong lĩnh vực tuyển dụng nhân sự tại Việt Nam.

1.1. Bối cảnh và lý do chọn đề tài website việc làm

Thị trường lao động Việt Nam đang phát triển mạnh mẽ, đòi hỏi các nền tảng kết nối ứng viên và nhà tuyển dụng hiệu quả hơn. Nhiều sinh viên ra trường gặp khó khăn trong việc tìm kiếm việc làm phù hợp chuyên ngành. Đồng thời, doanh nghiệp cũng tốn nhiều thời gian sàng lọc hồ sơ thủ công. Việc xây dựng một website tìm kiếm việc làm thông minh, có khả năng phân loại và gợi ý việc làm theo tiêu chí cụ thể, trở thành nhu cầu cấp thiết. Đề tài được chọn nhằm đáp ứng thực tiễn này, đồng thời giúp sinh viên CNTT vận dụng kiến thức học được vào sản phẩm thực tế có giá trị xã hội.

1.2. Mục tiêu và phạm vi của khóa luận tốt nghiệp

Khóa luận đặt ra mục tiêu xây dựng hệ thống website tìm kiếm việc làm hoàn chỉnh, bao gồm giao diện người dùng thân thiện và backend xử lý dữ liệu ổn định. Phạm vi đề tài tập trung vào hai phân hệ chính: phân hệ ứng viên và phân hệ nhà tuyển dụng. Ứng viên có thể đăng ký tài khoản, đăng nhập, tạo hồ sơ và tìm kiếm việc làm. Nhà tuyển dụng có thể đăng tin tuyển dụng và quản lý hồ sơ ứng tuyển. Hệ thống xác thực tài khoản qua OTP email, đảm bảo tính bảo mật và độ tin cậy cho người dùng trong quá trình sử dụng.

II. Phân tích yêu cầu hệ thống website tìm kiếm việc làm

Giai đoạn phân tích yêu cầu là nền tảng quan trọng quyết định chất lượng toàn bộ dự án. Nhóm sinh viên đã xây dựng mô hình hóa yêu cầu chi tiết cho hai nhóm tác nhân chính: ứng viên và nhà tuyển dụng. Mỗi tác nhân có luồng sử dụng riêng biệt với các use case được mô tả đầy đủ từ điều kiện tiên quyết, hậu điều kiện đến các luồng ngoại lệ. Hệ thống đăng nhập yêu cầu ứng viên nhập email và mật khẩu, sau đó hệ thống kiểm tra định dạng và xác thực thông tin. Quy trình đăng ký tích hợp xác thực OTP qua email nhằm ngăn chặn tài khoản giả mạo. Phía nhà tuyển dụng, hệ thống cung cấp chức năng đăng tin tuyển dụng, quản lý ứng viên và theo dõi trạng thái hồ sơ. Việc phân tách rõ ràng vai trò người dùng giúp kiểm soát quyền truy cập chặt chẽ. Nhóm đã áp dụng phương pháp phân tích hướng đối tượng, sử dụng biểu đồ use case UML để mô hình hóa tương tác giữa người dùng và hệ thống, tạo cơ sở vững chắc cho giai đoạn thiết kế và phát triển tiếp theo.

2.1. Yêu cầu chức năng phân hệ ứng viên

Phân hệ ứng viên bao gồm các chức năng cốt lõi: đăng ký tài khoản với xác thực OTP qua email, đăng nhập bảo mật, tìm kiếm và lọc tin tuyển dụng theo tiêu chí. Luồng đăng ký yêu cầu nhập tên đăng nhập, email và mật khẩu. Hệ thống kiểm tra định dạng email và mật khẩu trước khi gửi mã OTP. Sau khi xác thực OTP thành công, tài khoản được kích hoạt. Ứng viên đăng nhập thành công được phép thực hiện các chức năng theo phân quyền như xem tin tuyển dụng, nộp hồ sơ và quản lý thông tin cá nhân một cách thuận tiện.

2.2. Yêu cầu chức năng phân hệ nhà tuyển dụng

Nhà tuyển dụng là tác nhân quan trọng thứ hai trong hệ thống, với tập chức năng riêng biệt so với ứng viên. Phân hệ này cho phép doanh nghiệp tạo và quản lý tin tuyển dụng, bao gồm mô tả công việc, yêu cầu ứng viên và mức lương. Hệ thống hỗ trợ nhà tuyển dụng xem danh sách hồ sơ ứng tuyển, lọc và đánh giá từng ứng viên. Chức năng phân quyền đảm bảo nhà tuyển dụng chỉ thấy dữ liệu thuộc phạm vi tài khoản của mình. Đây là yêu cầu cơ bản để vận hành nền tảng tuyển dụng an toàn và hiệu quả trong môi trường thực tế.

III. Giải pháp công nghệ xây dựng website việc làm Next

Nhóm nghiên cứu lựa chọn Next.js làm framework phát triển giao diện, một quyết định kỹ thuật có cơ sở vững chắc. Next.js cung cấp khả năng Server-Side Rendering (SSR) và Static Site Generation (SSG), giúp tối ưu hiệu suất tải trang và cải thiện điểm SEO đáng kể. Đây là lợi thế cạnh tranh lớn so với AngularJS – framework không hỗ trợ SSR mặc định và đòi hỏi cấu hình phức tạp hơn. Nhiều doanh nghiệp công nghệ hàng đầu thế giới như Discord và Nike đã ứng dụng Next.js trong sản phẩm thực tế, chứng minh độ tin cậy của công nghệ này. Discord tận dụng SSR để tăng tốc độ tải trang quản lý danh bạ. Nike sử dụng Next.js để phục vụ các trang sản phẩm tĩnh và động với hiệu suất cao. Việc kết hợp Next.js với React cho phép nhóm xây dựng giao diện linh hoạt, tái sử dụng component hiệu quả. Backend hệ thống xử lý logic nghiệp vụ bao gồm xác thực người dùng, quản lý dữ liệu tuyển dụng và tích hợp gửi email OTP, đảm bảo hệ thống hoạt động ổn định và bảo mật.

3.1. So sánh Next.js và AngularJS trong dự án tuyển dụng

Next.js sử dụng JavaScript hoặc TypeScript, thường kết hợp với React để phát triển ứng dụng. AngularJS sử dụng TypeScript với cấu trúc dự án được định sẵn và hệ thống quản lý trạng thái mạnh mẽ thông qua Angular Services và Observable. Về hiệu suất SEO, Next.js vượt trội nhờ hỗ trợ SSR và SSG sẵn có, phù hợp cho website tìm kiếm việc làm cần thứ hạng cao trên công cụ tìm kiếm. AngularJS thiếu SSR mặc định, ảnh hưởng tiêu cực đến tốc độ tải và hiệu suất SEO. Đây là lý do chính để nhóm ưu tiên lựa chọn Next.js cho dự án.

3.2. Kiến trúc hệ thống và bảo mật tài khoản người dùng

Kiến trúc hệ thống được thiết kế theo mô hình client-server rõ ràng, với Next.js đảm nhận tầng giao diện và API backend xử lý nghiệp vụ. Cơ chế xác thực OTP qua email là điểm nhấn bảo mật quan trọng. Khi đăng ký, hệ thống tự động sinh và gửi mã OTP có thời hạn về email người dùng đã nhập. Quy trình này ngăn chặn hiệu quả việc tạo tài khoản ảo. Quản lý trạng thái ứng dụng sử dụng React Redux hoặc React Context, đảm bảo dữ liệu đồng bộ giữa các component. Hệ thống phân quyền kiểm soát truy cập theo vai trò ứng viên hoặc nhà tuyển dụng sau khi đăng nhập thành công.

IV. Kết quả và ứng dụng thực tiễn của đề tài SPKT 2024

Đồ án tốt nghiệp xây dựng website tìm kiếm việc làm tại Đại học Sư phạm Kỹ thuật TP.HCM năm 2024 đạt được nhiều kết quả có giá trị thực tiễn. Hệ thống hoàn chỉnh bao gồm hai phân hệ vận hành song song, đáp ứng nhu cầu của cả ứng viên lẫn nhà tuyển dụng. Giao diện được thiết kế thân thiện, tốc độ tải trang nhanh nhờ ứng dụng SSR của Next.js. Tính năng xác thực OTP nâng cao độ tin cậy và bảo mật dữ liệu người dùng. Đề tài chứng minh khả năng ứng dụng kiến thức ngành Công nghệ phần mềm vào sản phẩm thực tế phục vụ cộng đồng. Kết quả này không chỉ có giá trị học thuật mà còn có tiềm năng triển khai thương mại. Nhóm tác giả đã nhận được sự hướng dẫn sát sao từ giảng viên ThS. Nguyễn Trần Thi Văn cùng đội ngũ giảng viên Khoa CNTT. Đề tài mở ra hướng phát triển tiếp theo như tích hợp trí tuệ nhân tạo gợi ý việc làm, xây dựng ứng dụng di động và mở rộng tính năng đánh giá doanh nghiệp theo phản hồi ứng viên.

4.1. Đánh giá kết quả và chất lượng hệ thống đạt được

Hệ thống website tìm kiếm việc làm được đánh giá dựa trên các tiêu chí: độ hoàn thiện chức năng, tính ổn định, bảo mật và hiệu suất. Luồng đăng ký và đăng nhập hoạt động đúng theo đặc tả use case. Chức năng gửi OTP xác thực email đạt tỷ lệ thành công cao. Giao diện phản hồi nhanh, trải nghiệm người dùng mượt mà nhờ công nghệ Next.js. Phân quyền người dùng hoạt động chính xác, ngăn truy cập trái phép. Đề tài được Hội đồng Khoa CNTT thông qua bảo vệ, phản ánh chất lượng nghiên cứu và mức độ hoàn thiện sản phẩm của nhóm sinh viên.

4.2. Hướng phát triển và mở rộng dự án trong tương lai

Website tìm kiếm việc làm có nhiều hướng phát triển tiềm năng sau giai đoạn hoàn thành khóa luận. Tích hợp thuật toán gợi ý việc làm dựa trên hồ sơ và lịch sử tìm kiếm sẽ nâng cao trải nghiệm ứng viên. Phát triển ứng dụng di động song song với phiên bản web giúp tiếp cận nhiều người dùng hơn. Thêm tính năng chat trực tiếp giữa ứng viên và nhà tuyển dụng tăng tương tác trong nền tảng. Tích hợp phân tích dữ liệu thị trường lao động cung cấp thông tin xu hướng tuyển dụng hữu ích. Đây là nền tảng vững chắc để mở rộng thành sản phẩm thương mại phục vụ thị trường tuyển dụng Việt Nam.

Nội dung chính

Bối cảnh và vấn đề nghiên cứu

Trong bối cảnh công nghệ thông tin phát triển mạnh mẽ và thâm nhập sâu rộng vào mọi hoạt động kinh tế – xã hội, quy mô cũng như các quan hệ kinh tế của các tổ chức, doanh nghiệp ngày càng mở rộng. Sự gia tăng nhanh chóng của các luồng thông tin khiến công tác quản trị thủ công bằng sổ sách truyền thống bộc lộ nhiều bất cập, không còn đáp ứng được yêu cầu xử lý dữ liệu hiện đại. Do đó, việc tin học hóa từng bước trong điều hành, khai thác và quản lý hoạt động trở thành đòi hỏi cấp thiết.

Về mặt xã hội, tìm kiếm việc làm là nhu cầu thiết yếu nhằm cải thiện chất lượng cuộc sống và giảm thiểu tỷ lệ thất nghiệp thông qua việc kết nối người lao động với các cơ hội nghề nghiệp phù hợp. Mặc dù thị trường hiện nay có nhiều nền tảng tuyển dụng trực tuyến, tuy nhiên cơ hội tiếp cận việc làm dành cho người mới bắt đầu (entry-level) và các ứng viên chưa tích lũy nhiều kinh nghiệm trong ngành công nghệ thông tin vẫn còn rất hạn chế. Xuất phát từ thực tế đó, đề tài "Xây dựng website tìm kiếm việc làm" (tập trung vào đối tượng sinh viên ngành công nghệ thông tin) được lựa chọn thực hiện nhằm giải quyết bài toán kết nối việc làm phù hợp với năng lực và kỹ năng khởi đầu của sinh viên.

Theo đề cương được phê duyệt, mục tiêu và nhiệm vụ của khóa luận được phân định cụ thể như sau:

• Mục tiêu chính: Xây dựng một website tìm kiếm việc làm cho sinh viên ngành công nghệ thông tin, tạo lập nền tảng hỗ trợ sinh viên tìm kiếm cơ hội nghề nghiệp theo nhu cầu, kỹ năng và sở thích cá nhân một cách nhanh chóng, tiết kiệm thời gian.
• Nhiệm vụ lý thuyết (Nhiệm vụ 1): Nghiên cứu các công nghệ và giải pháp kiến trúc bao gồm Spring Boot, Next.js, Cloudinary, MySQL, Docker, AWS và Digital Ocean.
• Nhiệm vụ thực hành (Nhiệm vụ 2):
  • Sử dụng hệ quản trị cơ sở dữ liệu MySQL để lưu trữ dữ liệu có cấu trúc của hệ thống.
  • Sử dụng dịch vụ đám mây Cloudinary phục vụ lưu trữ hình ảnh đại diện và các tệp tin hồ sơ xin việc (CV).
  • Sử dụng framework Spring Boot để phát triển toàn bộ hệ thống dịch vụ phụ trợ (Backend API).
  • Sử dụng framework Next.js để phát triển giao diện người dùng (Frontend UI).
  • Xây dựng đầy đủ các phân hệ chức năng cho ba nhóm tác nhân: Ứng viên, Nhà tuyển dụng và Quản trị viên.

Về đối tượng và phạm vi nghiên cứu:

• Đối tượng nghiên cứu: Quy trình đăng tuyển, quản lý hồ sơ ứng tuyển, các luồng tương tác giữa ứng viên và nhà tuyển dụng IT; các công nghệ phát triển web full-stack hiện đại gồm Next.js, Spring Boot, Spring Security, Spring Data JPA và MySQL.
• Phạm vi không gian: Đề tài được triển khai trong khuôn khổ khóa luận tốt nghiệp ngành Công nghệ thông tin (chuyên ngành Công nghệ phần mềm) tại Trường Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh.
• Phạm vi thời gian: Đề tài được thực hiện chính thức từ ngày 15/04/2024 đến ngày 19/07/2024 (với các giai đoạn chuẩn bị, khảo sát và thiết kế sơ bộ được tiến hành từ đầu tháng 03/2024).

---

Cơ sở lý thuyết và phương pháp

Khóa luận sử dụng các nền tảng lý thuyết và công nghệ phần mềm tiêu chuẩn trong phát triển ứng dụng phân tán hiện đại, bao gồm:

• Ngôn ngữ lập trình Java và Máy ảo Java (JVM): Java là ngôn ngữ lập trình hướng đối tượng hoạt động theo nguyên lý "Viết một lần, thực thi khắp nơi" (WORA). Mã nguồn .java được biên dịch thành dạng mã nhị phân trung gian (Bytecode trong tệp .class), sau đó JVM thông dịch thành mã máy tương ứng với từng hệ điều hành. Java loại bỏ các thao tác con trỏ trực tiếp, nạp chồng toán tử, cấu trúc struct/union và lệnh goto nhằm nâng cao tính an toàn. Hệ thống tích hợp cơ chế thu gom rác tự động (Garbage Collection) trên bộ nhớ Heap, hỗ trợ lập trình đa luồng (multithread) và quản lý bảo mật 4 cấp độ từ giao diện lớp, trình biên dịch, trình thông dịch đến kiểm soát nạp lớp (ClassLoader).
• Spring Framework và Spring Boot: Spring Framework phát triển trên hai nguyên tắc cốt lõi là Tiêm phụ thuộc (Dependency Injection - DI) và Lập trình hướng khía cạnh (Aspect Oriented Programming - AOP). Để khắc phục cấu hình phức tạp qua nhiều tệp XML trong Spring MVC truyền thống, Spring Boot cung cấp giải pháp đóng gói ứng dụng độc lập, khởi chạy trực tiếp qua lớp SpringApplication.run(), hỗ trợ máy chủ web nhúng (Tomcat, Jetty), cấu hình ngoại hóa (Externalized Configuration), phân vùng môi trường thực thi (Profiles) và quản lý nhật ký hệ thống mặc định (Logging).
• Spring Data JPA: Module hỗ trợ tương tác với cơ sở dữ liệu dựa trên giao diện Java Persistence API và ORM Hibernate. Công nghệ áp dụng mẫu thiết kế Repository Pattern để tách biệt tầng truy cập dữ liệu với tầng xử lý nghiệp vụ, tự động ánh xạ quan hệ thực thể và tối ưu hóa các truy vấn bằng JPQL hoặc SQL thuần.
• Spring Security: Khung kiến trúc bảo mật hoạt động dựa trên mô hình Client-Server và chuỗi bộ lọc (Filter Chain). Khi người dùng gửi yêu cầu, chuỗi bộ lọc sẽ can thiệp để thực hiện xác thực (Authentication), kiểm tra phân quyền (Authorization), đồng thời phòng chống các lỗ hổng bảo mật phổ biến như tấn công giả mạo yêu cầu (CSRF), tấn công cố định phiên (Session Fixation) và chèn mã giao diện (Clickjacking).
• Framework Next.js: Framework mã nguồn mở dựa trên React, hỗ trợ kết xuất phía máy chủ (Server-Side Rendering - SSR), tạo trang tĩnh (Static Site Generation - SSG) và kết xuất kết hợp. Hệ thống sử dụng cơ chế định tuyến dựa trên hệ thống tệp tin (File-based Routing), hỗ trợ React Server Components, Streaming giao diện, tích hợp sẵn trình tối ưu Core Web Vitals, tương thích với TypeScript và các công cụ định kiểu như Tailwind CSS hay CSS Modules.
• Hệ quản trị CSDL quan hệ MySQL: Đóng vai trò là kho lưu trữ dữ liệu trung tâm, cung cấp tính năng lưu trữ quan hệ có cấu trúc, hỗ trợ giao dịch, mở rộng quy mô và tích hợp các chuẩn truy vấn SQL tiêu chuẩn.

Phương pháp nghiên cứu thực tế được nhóm tác giả triển khai bao gồm:

• Phương pháp khảo sát hiện trạng và phân tích so sánh: Khảo sát các website tuyển dụng thực tế đang vận hành trên thị trường, cụ thể là phân tích các tính năng và hạn chế của trang web tuyển dụng việc làm công nghệ thông tin ITViec.
• Phương pháp phân tích và mô hình hóa yêu cầu phần mềm: Sử dụng ngôn ngữ mô hình hóa UML để xây dựng sơ đồ ca sử dụng (Use Case Diagram), lập bảng đặc tả chi tiết các ca sử dụng chính, thiết kế lược đồ tuần tự (Sequence Diagram) để mô tả luồng thông điệp giữa các đối tượng.
• Phương pháp thiết kế và phát triển phần mềm: Thiết kế lược đồ cơ sở dữ liệu quan hệ, xây dựng kiến trúc RESTful API trên nền tảng Spring Boot và xây dựng giao diện ứng dụng trên nền tảng Next.js.
• Phương pháp kiểm thử và hoàn thiện: Kiểm thử chức năng trên các giao diện người dùng, kiểm tra tương tác API và rà soát, khắc phục lỗi phát sinh.

Nguồn dữ liệu của nghiên cứu bao gồm tài liệu kỹ thuật chuyên ngành từ trang chủ các công nghệ (Next.js, Spring Framework, Spring Security, MySQL), dữ liệu khảo sát giao diện và luồng nghiệp vụ từ website ITViec (https://itviec.com/vi), cùng dữ liệu thử nghiệm giả lập được nhập vào hệ thống để phục vụ việc kiểm thử các ca sử dụng.

---

Thiết kế và triển khai

Hệ thống được thiết kế theo kiến trúc tách rời (Decoupled Architecture) với hai khối thành phần chính giao tiếp qua giao thức HTTP/HTTPS:

• Tầng giao diện (Frontend): Được xây dựng bằng framework Next.js kết hợp TypeScript. Tầng này chịu trách nhiệm hiển thị giao diện người dùng, điều hướng trang qua hệ thống định tuyến tệp tin và thực hiện các kỹ thuật tối ưu hóa như tải lười (lazy loading), duy trì trạng thái phiên làm việc và kết xuất phía máy chủ (SSR/SSG).
• Tầng dịch vụ và nghiệp vụ (Backend): Được xây dựng bằng Spring Boot. Tầng này tiếp nhận các yêu cầu từ giao diện, xử lý nghiệp vụ, kiểm soát xác thực và quyền hạn thông qua Spring Security, đồng thời giao tiếp với cơ sở dữ liệu thông qua Spring Data JPA và Hibernate.
• Dịch vụ lưu trữ và thanh toán tích hợp: Hệ thống kết nối với dịch vụ lưu trữ đám mây Cloudinary để xử lý tải lên các tệp tin CV và hình ảnh; đồng thời tích hợp API của PayPal nhằm xử lý giao dịch thanh toán nâng cấp tài khoản cho nhà tuyển dụng.

Bảng tổng hợp chức năng theo từng nhóm tác nhân trong hệ thống:

Tác nhân	Các chức năng được thiết kế và cài đặt
Ứng viên (Candidate)	Đăng ký tài khoản (kèm xác thực mã OTP qua Email); Đăng nhập; Đăng xuất; Quên mật khẩu; Reset mật khẩu qua Email; Cập nhật thông tin cá nhân; Thay đổi ảnh đại diện; Đổi mật khẩu; Quản lý tài khoản cá nhân; Tìm kiếm công việc bằng từ khóa kết hợp bộ lọc; Xem danh sách và thông tin chi tiết công việc; Đăng tải CV và viết thư xin việc; Nộp đơn ứng tuyển; Xem trạng thái đơn ứng tuyển; Xem danh sách công việc đã lưu, đã xem và đã ứng tuyển; Xem danh sách công việc gợi ý; Xem danh sách và chi tiết công ty; Theo dõi công ty và xem công ty đang theo dõi; Viết bài đánh giá công ty; Cập nhật tiêu chí tìm việc.
Nhà tuyển dụng (Employer)	Đăng ký tài khoản; Đăng nhập; Đăng xuất; Đổi mật khẩu; Quản lý tài khoản và thông tin cá nhân; Cập nhật thông tin chi tiết công ty; Đăng, sửa và xóa bài tuyển dụng; Quản lý danh sách bài đăng tuyển dụng; Quản lý đơn ứng tuyển; Xem danh sách và chi tiết ứng viên nộp đơn; Cập nhật trạng thái đơn ứng tuyển; Tìm kiếm ứng viên; Xem gợi ý ứng viên theo từng công việc; Nâng cấp tài khoản thông qua cổng thanh toán trực tuyến PayPal.
Quản trị viên (Admin)	Đăng nhập; Đăng xuất; Xem và phê duyệt đơn đăng ký của nhà tuyển dụng; Cấp mật khẩu và cấp quyền truy cập tài khoản cho nhà tuyển dụng; Quản lý thông tin nhà tuyển dụng theo các gói cấp độ (Basic, Advanced, Premium); Xem thông tin ứng viên theo trạng thái hoạt động (Active, InActive); Xem chi tiết thông tin ứng viên; Khóa và mở khóa tài khoản ứng viên.

Quy trình xử lý của hai ca sử dụng nền tảng được văn bản đặc tả chi tiết như sau:

• Ca sử dụng Đăng nhập (Ứng viên):
  • Tiền điều kiện: Ứng viên đã có tài khoản được kích hoạt trong hệ thống.
  • Luồng cơ bản: (1) Ứng viên nhập Email và mật khẩu; (2) Hệ thống kiểm tra tính hợp lệ về định dạng Email; (3) Hệ thống kiểm tra và xác thực tính chính xác của Email cùng mật khẩu trong cơ sở dữ liệu; (4) Đăng nhập thành công, hệ thống chuyển hướng và phân quyền theo đúng vai trò.
  • Luồng ngoại lệ: Hệ thống thông báo lỗi nếu Email không đúng định dạng chuẩn, hoặc thông báo đăng nhập thất bại nếu thông tin xác thực không trùng khớp.
• Ca sử dụng Đăng ký (Ứng viên):
  • Tiền điều kiện: Ứng viên chưa từng đăng ký tài khoản trên hệ thống.
  • Luồng cơ bản: (1) Ứng viên nhập tên đăng nhập, email và mật khẩu; (2) Hệ thống xác thực tính hợp lệ về định dạng Email; (3) Hệ thống kiểm tra các yêu cầu định dạng đối với mật khẩu; (4) Hệ thống tự động tạo và gửi một mã OTP về hòm thư điện tử đã đăng ký; (5) Ứng viên nhập mã OTP để xác nhận; (6) Hệ thống kích hoạt tài khoản thành công và điều hướng người dùng về trang đăng nhập.

Kế hoạch triển khai kỹ thuật của đề tài diễn ra qua 5 giai đoạn:

1. Giai đoạn 1 (04/03/2024 – 09/03/2024): Khảo sát hiện trạng, tổng hợp yêu cầu chức năng, thiết kế cơ sở dữ liệu sơ bộ và lựa chọn mẫu giao diện.
2. Giai đoạn 2 (10/03/2024 – 12/03/2024): Thống nhất công nghệ (Next.js, Spring Boot, MySQL), hoàn thiện lược đồ cơ sở dữ liệu và thiết kế chi tiết giao diện người dùng.
3. Giai đoạn 3 (13/03/2024 – 13/04/2024): Khởi tạo cấu hình hạ tầng dự án trên Next.js và Spring Boot, thiết lập kết nối MySQL và cấu hình dịch vụ lưu trữ Cloudinary.
4. Giai đoạn 4 (14/04/2024 – 20/05/2024): Lập trình giao diện và xây dựng các API chức năng cốt lõi cho phân hệ Ứng viên và Nhà tuyển dụng.
5. Giai đoạn 5 (21/05/2024 – 15/06/2024): Hoàn thiện phân hệ Quản trị viên; bổ sung tính năng duy trì trạng thái đăng nhập, lazy load; tích hợp API thanh toán PayPal; tiến hành kiểm thử, sửa lỗi và hoàn thành văn bản báo cáo.

---

Nội dung chính theo từng chương

Bố cục của khóa luận tốt nghiệp được cấu trúc thành Phần mở đầu, 6 chương nội dung chuyên môn và Phần kết luận:

Phần Mở đầu

Trình bày tính cấp thiết của việc tin học hóa công tác kết nối việc làm trong bối cảnh khối lượng thông tin bùng nổ; xác định mục đích xây dựng nền tảng tìm kiếm việc làm cho sinh viên ngành công nghệ thông tin; chỉ rõ phương pháp nghiên cứu và phân chia các giai đoạn theo kế hoạch thực hiện từ tháng 03/2024 đến tháng 07/2024.

Chương 1: Khảo sát, phân tích hiện trạng

Chương 1 đi sâu vào đánh giá thực trạng các giải pháp phần mềm hiện có trên thị trường tuyển dụng. Nhóm tác giả thực hiện khảo sát chi tiết website ITViec (https://itviec.com/vi), phân tích các trang chính như: Trang chủ, Trang đăng ký/đăng nhập, Trang thông tin công việc, Trang danh sách công ty hàng đầu và Trang thông tin cá nhân. Nhóm tác giả tổng hợp các điểm mạnh cùng các hạn chế còn tồn tại của hệ thống này:

Phần mềm khảo sát	Chức năng hiện có	Hạn chế ghi nhận
ITViec	Hỗ trợ đăng ký, đăng nhập (bao gồm đăng nhập tài khoản Google); danh sách công việc tuyển dụng phong phú; danh sách công ty hàng đầu; chuyên mục blog (báo cáo lương IT, định hướng sự nghiệp); tìm kiếm công việc qua từ khóa; cung cấp chức năng tạo CV trực tuyến.	Độ chính xác của tính năng tìm kiếm chưa thực sự cao; số lượng vị trí tuyển dụng thực tập dành cho sinh viên IT còn ít; việc nộp đơn ứng tuyển phải thông qua đơn vị trung gian; người dùng không thể xem và tải CV nếu chưa điền đầy đủ toàn bộ thông tin cá nhân; trải nghiệm giao diện người dùng (UI/UX) chưa tối ưu.

Từ kết quả khảo sát, chương 1 xác lập bảng phân tích yêu cầu nghiệp vụ chi tiết cho 3 phân hệ người dùng: Ứng viên, Nhà tuyển dụng và Quản trị viên (Admin).

Chương 2: Cơ sở lý thuyết

Chương này cung cấp hệ thống cơ sở lý thuyết toàn diện về các ngôn ngữ, khung làm việc và công nghệ sử dụng trong đề tài:

• Next.js: Giới thiệu lịch sử hình thành (phát triển bởi Vercel từ năm 2016); phân tích 6 tính năng cốt lõi gồm Routing (file-system based), Rendering (SSR, SSG, Streaming), Data Fetching (mở rộng hàm fetch, cơ chế async/await), Styling (hỗ trợ CSS Modules, Tailwind CSS, CSS-in-JS), Optimizations (tối ưu mã nguồn, hình ảnh, phông chữ và Core Web Vitals) và TypeScript. Đồng thời, tài liệu phân tích các ứng dụng lớn trong thực tế sử dụng Next.js như Vercel, Netflix, Hulu, Airbnb, Discord, Nike.

Bảng so sánh giữa hai nền tảng Next.js và AngularJS:

Tiêu chí so sánh	Next.js	AngularJS
Ngôn ngữ và Cấu trúc	Sử dụng JavaScript hoặc TypeScript kết hợp với thư viện React. Cấu trúc phụ thuộc vào cấu hình của nhà phát triển.	Sử dụng JavaScript hoặc TypeScript. Là một framework độc lập, hoàn chỉnh, cung cấp sẵn cấu trúc dự án cụ thể.
Quản lý Trạng thái	Sử dụng React Redux hoặc React Context API.	Tích hợp hệ thống quản lý trạng thái mạnh mẽ dựa trên Angular Services và Observable.
Hiệu suất và SEO	Cung cấp sẵn cơ chế SSR và SSG, giúp tối ưu hóa tốc độ tải trang và hỗ trợ SEO vượt trội.	Không hỗ trợ SSR mặc định; việc cấu hình SSR phức tạp, làm giảm hiệu suất tải trang ban đầu và khả năng tối ưu SEO.
Độ linh hoạt & Tích hợp	Dễ dàng tích hợp với các thư viện và dịch vụ ngoài; cộng đồng phát triển lớn, tài liệu phong phú.	Hỗ trợ tích hợp đa dạng nhưng cấu hình phức tạp hơn; có sự chuyển giao và khác biệt lớn giữa AngularJS và các phiên bản Angular mới.
Đơn vị phát triển	Vercel	Google

• Ngôn ngữ Java: Trình bày nguồn gốc phát triển (bắt đầu từ năm 1991 bởi James Gosling tại Sun Microsystems với tên gọi ban đầu là Oak, phát hành năm 1994, Oracle mua lại năm 2010); phân tích nguyên lý WORA, cấu trúc biên dịch mã Bytecode và thông dịch qua JVM, cơ chế giải phóng bộ nhớ tự động Garbage Collection, tính năng đa luồng và mô hình bảo mật 4 lớp.
• Spring Boot: Trình bày hai nguyên tắc nền tảng DI và AOP; nêu rõ 5 giai đoạn phát triển ứng dụng Spring truyền thống để làm nổi bật sự tinh gọn của Spring Boot. Phân tích các đặc điểm nổi bật của Spring Boot: lớp khởi chạy SpringApplication, cơ chế cấu hình ngoài (Externalized Configuration), phân vùng môi trường Profiles và hệ thống Logging mặc định.

Bảng so sánh giữa Spring Boot và Node.js:

Tiêu chí so sánh	Spring Boot	Node.js
Ngôn ngữ và Cấu trúc	Sử dụng Java hoặc Kotlin; ngôn ngữ tiêu chuẩn dùng phổ biến trong phát triển phần mềm doanh nghiệp.	Sử dụng JavaScript cho cả phía máy chủ và trình duyệt, tạo sự đồng nhất mã nguồn ở cả hai phía.
Hiệu suất và Xử lý	Tối ưu cho các ứng dụng doanh nghiệp lớn, phức tạp nhờ mã nguồn tối ưu và sức mạnh của máy ảo JVM; xử lý đồng thời tốt các tác vụ nặng.	Tối ưu cho các ứng dụng thời gian thực và xử lý I/O bất đồng bộ; hạn chế khi phải giải quyết các tác vụ tính toán chiếm dụng nhiều CPU.
Độ linh hoạt & Tích hợp	Tích hợp dễ dàng với nhiều công nghệ doanh nghiệp lớn và hệ thống sẵn có; độ ổn định và tin cậy cao.	Tích hợp thư viện phong phú và linh hoạt thông qua kho lưu trữ npm; đòi hỏi các giải pháp kiểm soát độ tin cậy.
Mục tiêu phát triển	Phù hợp cho ứng dụng doanh nghiệp, yêu cầu cao về tính ổn định, độ bảo mật và khả năng tích hợp hệ thống quy mô lớn.	Thích hợp cho các ứng dụng web thời gian thực tốc độ cao, ứng dụng cho các doanh nghiệp khởi nghiệp công nghệ.
Công cụ và Tiêu chuẩn	Chuẩn hóa theo Java EE; được hỗ trợ bởi các IDE mạnh mẽ như IntelliJ IDEA, Eclipse.	Công cụ phát triển đa dạng và nhẹ như Visual Studio Code, Sublime Text, Atom.

• Spring Data JPA, Spring Security và MySQL: Trình bày chi tiết mẫu thiết kế Repository, cơ chế ORM Hibernate, chuỗi bộ lọc Filter Chain của Spring Security để xác thực/phân quyền và các đặc tính vận hành của hệ quản trị cơ sở dữ liệu quan hệ MySQL.

Chương 3: Mô hình hóa yêu cầu

Chương 3 tập trung thể hiện các đặc tả kỹ thuật phần mềm thông qua sơ đồ Use Case tổng thể cho từng tác nhân: Quản trị viên, Ứng viên và Nhà tuyển dụng. Phân hệ Ứng viên được mô hình hóa chi tiết với các bảng đặc tả ca sử dụng chuẩn, nêu rõ tên ca sử dụng, tóm tắt hoạt động, tác nhân tham gia, điều kiện tiên quyết, kết quả đạt được, luồng sự kiện chính (Basic Flow) và luồng xử lý ngoại lệ (Exception Flow).

Chương 4: Thiết kế hệ thống

Nội dung chương 4 tập trung vào việc mô tả cấu trúc kỹ thuật nội bộ của hệ thống thông qua:

• Các lược đồ tuần tự (Sequence Diagram): Thể hiện sự tương tác theo dòng thời gian giữa người dùng, tầng giao diện Next.js, bộ điều khiển API Spring Boot và cơ sở dữ liệu MySQL đối với từng tác vụ cụ thể.
• Lược đồ cơ sở dữ liệu (Database Schema): Mô tả chi tiết cấu trúc các bảng dữ liệu, kiểu dữ liệu của các trường, khóa chính, khóa ngoại và mối quan hệ quan hệ giữa các thực thể như người dùng, tin tuyển dụng, đơn ứng tuyển, thông tin công ty và hóa đơn thanh toán.

Chương 5: Thiết kế giao diện và xử lý

Trình bày thiết kế giao diện thực tế của phần mềm tương ứng với các chức năng nghiệp vụ, bao gồm:

• Giao diện phân hệ Ứng viên: Màn hình chính (Homepage), màn hình tìm kiếm việc làm kèm bộ lọc đa tiêu chí, màn hình thông tin chi tiết bài tuyển dụng, giao diện nộp hồ sơ CV và màn hình quản lý trạng thái hồ sơ cá nhân.
• Giao diện phân hệ Nhà tuyển dụng: Màn hình quản trị bài đăng, giao diện tạo mới/chỉnh sửa tin tuyển dụng, màn hình quản lý danh sách và chi tiết đơn ứng tuyển của các ứng viên, giao diện nâng cấp tài khoản.
• Giao diện phân hệ Quản trị viên: Bảng điều khiển quản lý danh sách nhà tuyển dụng (phân loại theo gói Basic, Advanced, Premium), màn hình phê duyệt tài khoản và quản lý trạng thái tài khoản ứng viên (Active/Inactive).

Chương 6: Cài đặt và thử nghiệm ứng dụng

Trình bày quá trình triển khai mã nguồn, kết nối các dịch vụ phụ trợ và tiến hành thử nghiệm ứng dụng trên môi trường thực tế nhằm xác minh tính chính xác của các ca sử dụng theo đúng yêu cầu đã mô hình hóa.

---

Kết quả và đóng góp

Dựa trên các nội dung được văn bản công bố, đề tài đã đạt được các kết quả cụ thể sau:

• Xây dựng hoàn chỉnh ứng dụng web tuyển dụng IT: Hoàn thành thiết kế và cài đặt website tìm kiếm việc làm cho sinh viên công nghệ thông tin với đầy đủ 3 phân hệ chức năng độc lập dành cho Ứng viên, Nhà tuyển dụng và Quản trị viên.
• Hiện thực hóa các tính năng kỹ thuật cốt lõi:
  • Xây dựng thành công cơ chế xác thực hai lớp khi đăng ký tài khoản cho ứng viên thông qua việc gửi và kiểm tra mã OTP qua email tự động.
  • Tích hợp dịch vụ đám mây Cloudinary cho phép ứng viên đăng tải, quản lý CV trực tiếp và cập nhật ảnh đại diện cá nhân.
  • Xây dựng bộ lọc tìm kiếm việc làm theo từ khóa kết hợp các tiêu chí chi tiết nhằm nâng cao khả năng tiếp cận cơ hội nghề nghiệp.
  • Thiết lập chức năng nâng cấp cấp độ tài khoản nhà tuyển dụng (Basic, Advanced, Premium) có tích hợp xử lý giao dịch qua cổng thanh toán quốc tế PayPal.
  • Thiết kế hệ thống phân quyền chặt chẽ với Spring Security, kiểm soát truy cập từ tầng API đến giao diện theo đúng vai trò tác nhân.
  • Cải thiện trải nghiệm người dùng trên Next.js thông qua việc duy trì phiên đăng nhập, hỗ trợ tải lười (lazy load) và kết xuất trang tối ưu.
• Đóng góp so với các nền tảng được khảo sát: Đề tài đã trực tiếp giải quyết một số hạn chế của nền tảng ITViec được nhóm chỉ ra trong Chương 1, cụ thể là: tập trung khai thác phân khúc việc làm và thực tập cho người mới bắt đầu trong ngành IT; hỗ trợ sinh viên nộp hồ sơ ứng tuyển trực tiếp đến nhà tuyển dụng mà không bắt buộc phải qua các đơn vị trung gian; cho phép quản lý và tải tệp CV linh hoạt; đồng thời tinh giản giao diện để tối ưu hóa tương tác của người dùng.

---

Hạn chế và hướng nghiên cứu tiếp

• Hạn chế của đề tài:
  • Đề tài và báo cáo được thực hiện trong khung thời gian tương đối ngắn (khoảng 3 tháng, từ giữa tháng 04/2024 đến tháng 07/2024).
  • Nhóm tác giả tự nhận định còn có những hạn chế nhất định về kiến thức kỹ thuật chuyên sâu cũng như kinh nghiệm thực tiễn trong việc quản trị và triển khai một dự án phần mềm hoàn chỉnh.
  • Một số công nghệ và dịch vụ hạ tầng nêu trong mục tiêu tìm hiểu ban đầu của đề cương (như triển khai đóng gói container với Docker, vận hành hệ thống trên các dịch vụ đám mây AWS hoặc Digital Ocean) chưa được trình bày chi tiết về mặt kết quả triển khai thực tế trong nội dung báo cáo.
• Hướng nghiên cứu và phát triển tiếp theo:
  • Tiếp tục cải tiến và tối ưu hóa trải nghiệm giao diện người dùng (UI/UX) trên toàn bộ các phân hệ.
  • Nâng cấp và tinh chỉnh thuật toán gợi ý công việc cho ứng viên và gợi ý ứng viên cho nhà tuyển dụng để tăng độ chính xác trong kết nối việc làm.
  • Hoàn thiện quy trình đóng gói ứng dụng bằng Docker và triển khai thực tế toàn bộ hệ thống lên các nền tảng điện toán đám mây như AWS hoặc Digital Ocean.

---

Giá trị tham khảo

Báo cáo khóa luận tốt nghiệp này mang lại giá trị tham khảo cụ thể cho các nhóm đối tượng sau:

• Sinh viên chuyên ngành Công nghệ phần mềm và Công nghệ thông tin: Tài liệu cung cấp một trường hợp nghiên cứu (case study) hoàn chỉnh về quy trình xây dựng ứng dụng web phân tán full-stack. Sinh viên có thể tham khảo trực tiếp cấu trúc phân chia giai đoạn thực hiện đề tài tốt nghiệp từ khâu khảo sát hiện trạng, phân tích yêu cầu, mô hình hóa UML đến cài đặt phần mềm.
• Người phát triển quan tâm đến kiến trúc Next.js kết hợp Spring Boot: Khóa luận cung cấp các bảng phân tích, so sánh lý thuyết chi tiết giữa các công nghệ phổ biến (Next.js so với AngularJS; Spring Boot so với Node.js), hỗ trợ việc lựa chọn ngăn xếp công nghệ (tech stack) cho các dự án phần mềm có yêu cầu về hiệu năng, SEO và bảo mật.
• Tham khảo thiết kế ca sử dụng và luồng nghiệp vụ tuyển dụng: Phần đặc tả ca sử dụng (Use Case Specification), thiết kế phân quyền bảo mật 3 cấp với Spring Security và quy trình tích hợp các dịch vụ bên thứ ba (xác thực OTP qua email, lưu trữ tệp Cloudinary, thanh toán trực tuyến PayPal) là tài liệu tham khảo có giá trị ứng dụng thực hành cao.

---

Câu hỏi thường gặp

1. Khóa luận giải quyết vấn đề thực tiễn nào của thị trường tuyển dụng việc làm công nghệ thông tin?
Khóa luận giải quyết khoảng trống trong thị trường tuyển dụng khi các nền tảng hiện nay chủ yếu tập trung vào nhân sự đã có kinh nghiệm, khiến cơ hội tìm kiếm việc làm và thực tập cho người mới bắt đầu hoặc sinh viên CNTT còn rất hạn chế. Đề tài xây dựng một nền tảng chuyên biệt giúp sinh viên kết nối trực tiếp với nhà tuyển dụng phù hợp với kỹ năng và nhu cầu cá nhân.

2. Điểm khác biệt cốt lõi khi so sánh Spring Boot và Node.js được nhóm tác giả chỉ ra là gì?
Spring Boot sử dụng Java/Kotlin, vận hành trên máy ảo JVM, chuẩn hóa theo Java EE, phù hợp cho các ứng dụng doanh nghiệp lớn đòi hỏi tính ổn định, bảo mật cao và khả năng xử lý đồng thời tác vụ nặng. Ngược lại, Node.js sử dụng JavaScript đồng nhất cho cả máy chủ lẫn trình duyệt, tối ưu cho các ứng dụng web thời gian thực và xử lý tác vụ I/O không đồng bộ, nhưng bị hạn chế đối với các tác vụ đòi hỏi xử lý CPU nặng.

3. Quy trình đăng ký tài khoản của phân hệ Ứng viên bao gồm những bước kiểm tra và xác thực nào?
Quy trình gồm 6 bước: (1) Ứng viên nhập tên đăng nhập, email và mật khẩu; (2) Hệ thống kiểm tra định dạng email; (3) Hệ thống kiểm tra định dạng mật khẩu; (4) Hệ thống tạo và gửi mã xác thực OTP về email đăng ký; (5) Ứng viên nhập mã OTP để xác thực; (6) Kích hoạt tài khoản thành công và chuyển hướng về trang đăng nhập.

4. Khảo sát hiện trạng website ITViec trong khóa luận đã ghi nhận những hạn chế kỹ thuật nào?
Văn bản ghi nhận các hạn chế của ITViec gồm: độ chính xác của tính năng tìm kiếm việc làm chưa cao; số lượng vị trí tuyển dụng thực tập cho sinh viên IT còn ít; việc nộp hồ sơ phải qua đơn vị trung gian; người dùng bị chặn xem hoặc tải CV nếu chưa hoàn tất toàn bộ thông tin cá nhân; và thiết kế UI/UX chưa được tối ưu.

5. Những dịch vụ bên thứ ba (Third-party services) nào được tích hợp vào hệ thống và phục vụ cho mục đích gì?
Hệ thống tích hợp hai dịch vụ chính: Cloudinary được sử dụng để lưu trữ hình ảnh đại diện và lưu trữ tệp tin CV của ứng viên; PayPal được tích hợp thông qua hệ thống API để xử lý chức năng thanh toán trực tuyến khi nhà tuyển dụng thực hiện nâng cấp các gói tài khoản (Basic, Advanced, Premium).

---

Kết luận

Khóa luận tốt nghiệp "Xây dựng website tìm kiếm việc làm" do sinh viên Võ Phương Nam và Nguyễn Hồng Vũ Khánh thực hiện dưới sự hướng dẫn của ThS. Nguyễn Trần Thi Văn đã hoàn thành mục tiêu xây dựng một nền tảng web tuyển dụng hướng đến đối tượng sinh viên ngành công nghệ thông tin. Báo cáo thể hiện quy trình công nghệ bài bản thông qua việc phân tích hạn chế của các giải pháp thực tế, so sánh lý thuyết chuyên sâu giữa các framework và hiện thực hóa hệ thống trên ngăn xếp công nghệ Next.js, Spring Boot, Spring Security và MySQL. Mặc dù còn một số hạn chế về thời gian thực nghiệm và phạm vi triển khai đám mây, đề tài đã cung cấp đầy đủ các phân hệ chức năng thiết yếu cùng giải pháp tích hợp xác thực OTP, lưu trữ Cloudinary và thanh toán trực tuyến PayPal hoàn chỉnh.

Trích đoạn nội dung tài liệu

CHƯƠNG 1: KHẢO SÁT, PHÂN TÍCH HIỆN TRẠNG - Quản lý tài khoản, thông tin cá nhân - Đăng, sửa và xóa bài tuyển dụng - Cập nhật thông tin chi tiết công ty - Xem được tất cả đơn ứng tuyển công việc - Xem được chi tiết đơn ứng tuyển - Xem được thông tin người dùng đã nộp đơn ứng tuyển - Xem thông tin chi tiết người dùng ứng tuyển Admin - Đăng nhập - Đăng xuất - Quản lý đơn đăng ký của nhà tuyển dụn - Xem thông tin nhà tuyển dụng theo cấp độ tài khoản (Basic, Advanced, Premium) - Xem thông tin chi tiết của từng nhà tuyển dụng - Xem thông tin ứng viên theo trạng thái tài khoản (Active, InActive) - Xem thông tin chi tiết ứng viên - Khóa, mở khóa tài khoản cho ứng viên - Cấp quyền truy cập cho tài khoản của nhà tuyển dụng Trang 24 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2. Giới thiệu về NextJS Next.js là một framework dựa trên React được sử dụng để xây dựng ứng dụng web full-stack. Bạn sử dụng các thành phần React để tạo giao diện người dùng và sử dụng Next.js để thêm các tính năng và tối ưu hóa bổ sung. Bên trong, Next.js cũng trừu tượng hóa và tự động cấu hình các công cụ cần thiết cho React, như bundling, biên dịch, và nhiều tính năng khác.

Điều này giúp bạn tập trung vào việc xây dựng ứng dụng của mình thay vì phải dành thời gian cho việc cấu hình. Cho dù bạn là một nhà phát triển cá nhân hay là một phần của một nhóm lớn, Next.js có thể giúp bạn xây dựng các ứng dụng React tương tác, đa dạng, và nhanh chóng.js ra mắt vào năm 2016 và thuộc về Vercel.js trở nên phổ biến trong cộng đồng phát triển web và tiếp tục phát triển mạnh mẽ. Các tính năng của Next.js, bao gồm Server-side Rendering (SSR) và Static Site Generation (SSG), đã khiến nó trở thành một lựa chọn hấp dẫn cho nhiều dự án phát triển ứng dụng web. [1] Trang 25 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.

Những tính năng chính của NextJS  Routing Router dựa trên hệ thống tệp tin, được xây dựng trên cơ sở của Server Components hỗ trợ các tính năng như layouts, routing lồng nhau, trạng thái tải, xử lý lỗi, và nhiều tính năng khác.[1]  Rendering Render phía máy khách và phía máy chủ với Client và Server Components. Được tối ưu hóa thêm với Render Tĩnh và Render Động trên máy chủ với Next. Streaming trên các runtime như Edge và Node. [1]  Data Fetching Fetch: Dữ liệu đơn giản hóa với async/await trong Server Components và một phiên bản mở rộng của API fetch cho memoization của yêu cầu, caching dữ liệu và việc kiểm tra lại dữ liệu.

[1]  Styling: Hỗ trợ cho các phong cách ưa thích của bạn, bao gồm CSS Modules, Tailwind CSS, và CSS-in-JS. [1]  Optimizations: Tối ưu hóa hình ảnh, phông chữ, và mã nguồn để cải thiện Core Web Vitals và Trải nghiệm người dùng của ứng dụng của bạn. [1]  TypeScript Hỗ trợ tốt hơn cho TypeScript, với kiểm tra kiểu tốt hơn và biên dịch hiệu suất tốt hơn, cùng với Plugin TypeScript tùy chỉnh và trình kiểm tra kiểu. Ưu điểm và nhược điểm của NextJS Ưu điểm:  Hiệu suất cao: Next.js cung cấp SSR và SSG, giúp giảm thời gian tải trang và cải thiện trải nghiệm người dùng.

 SEO tốt: Tính năng SSR giúp cải thiện khả năng tìm kiếm trang web trên các công cụ tìm kiếm.  Quản lý dự án dễ dàng: Cấu hình mặc định và tiện ích của Next.js giúp giảm thời gian cấu hình và tập trung vào việc phát triển.  Hỗ trợ TypeScript tốt: Next.