Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature: Added custom 404 page (#299) #305

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

VisheshGrg
Copy link

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:

  1. Made a new 404.jsx file in the pages folder to render a custom 404 message for invalid URLs.
  2. Tailwind CSS is used to make the page responsive.

Testing:

Verified the page changes well on different screen size.

Additional notes:

Feedback and suggestions are welcome.

Copy link

vercel bot commented Nov 20, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
website ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 20, 2024 5:49am

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[SEO] Custom 404 page will improve the user experince
1 participant