Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

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

Aperta
#271 2 commenti 0 reazioni 1 assegnatario Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@sarmad-jalil ci sta già lavorando.

Dal 25/10/2026.

Valutazione

Questa issue non è ancora stata valutata.

Descrizione

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! ✨

Lingua principale
TypeScript
Stelle
31
Fork
25
Merge medio
10h 4m
PR unite (30g)
29

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di O2sa/DevImpact

Tutte le issue di O2sa/DevImpact

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.