This PR resolves the issue of the default Next.js 404 page appearing whenever a user enters a non-existent URL. Additionally, as the website supports dark/light mode, the default 404 page contains text that is not visible in light mode. A responsive custom 404 page has been created to address these issues, supporting both dark and light modes in Next.js.
Changes made:
Made a new 404.jsx file in the pages folder to render a custom 404 message for invalid URLs.
Tailwind CSS is used to make the page responsive.
Testing:
Verified the page changes well on different screen size.
Related Issue:
Closes #299
Description:
This PR resolves the issue of the default Next.js 404 page appearing whenever a user enters a non-existent URL. Additionally, as the website supports dark/light mode, the default 404 page contains text that is not visible in light mode. A responsive custom 404 page has been created to address these issues, supporting both dark and light modes in Next.js.
Changes made:
Testing:
Verified the page changes well on different screen size.
Additional notes:
Feedback and suggestions are welcome.