Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

feature: Add custom branded not-found.tsx page for 404 routes

Ouverte
#271 2 commentaires 0 réactions 1 personne assignée Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

@sarmad-jalil y travaille déjà.

Depuis le 25/10/2026.

Évaluation

Cette issue n'a pas encore été évaluée.

Description

beginner friendly easy feature good first issue nextjs ui

When a visitor navigates to an invalid route (e.g. /unknown-path or a broken link), Next.js displays the default unstyled 404 page. DevImpact has UserNotFoundCard for missing developer handles, but lacks a root src/app/not-found.tsx.

Motivation

A branded 404 page keeps visitors on the site, preserves header/footer navigation, and provides clear routes back to the comparison dashboard and leaderboards.

Tasks
  • Create src/app/not-found.tsx using AppHeader and AppFooter.
  • Display BrandLogo and a clean 404 status card.
  • Provide 'Back to Home' and 'Browse Leaderboards' action buttons.
  • Add translation keys notfound.title and notfound.description to en.json and ar.json.
Files to Check
  • src/app/not-found.tsx
  • src/locales/en.json & src/locales/ar.json

[!TIP]
🚀 Want to contribute?
Comment assign me to be automatically assigned to this issue via our GitHub Actions bot. Happy coding! ✨

Langage dominant
TypeScript
Étoiles
31
Forks
25
Merge moyen
10 h 4 min
PR mergées (30 j)
29

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de O2sa/DevImpact

Toutes les issues de O2sa/DevImpact

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.