Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

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

未关闭
#271 2 条评论 0 个 reaction 已指派 1 人 在 GitHub 查看

维护者通常 1 天内回复

@sarmad-jalil 已经在做这个了。

开始于 2026年10月25日。

评估

这个 Issue 还没有评估数据。

描述

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

主要语言
TypeScript
星标
31
派生
25
平均合并
10 小时 4 分钟
30 天内合并 PR
29

环境准备

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

O2sa/DevImpact 的其他 Issue

查看 O2sa/DevImpact 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。