https://github.com/tommyxchow/hatchet

A fast, modern, and simple web client for Hacker News.
https://github.com/tommyxchow/hatchet

hacker-news nextjs react reactjs tailwind tailwindcss tanstack-query tanstack-react-query typescript zod

Last synced: about 1 year ago
JSON representation

A fast, modern, and simple web client for Hacker News.

• Host: GitHub
• URL: https://github.com/tommyxchow/hatchet
• Owner: tommyxchow
• License: mit
• Created: 2023-07-29T04:23:39.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2025-03-17T06:19:11.000Z (over 1 year ago)
• Last Synced: 2025-03-17T06:31:56.068Z (over 1 year ago)
• Topics: hacker-news, nextjs, react, reactjs, tailwind, tailwindcss, tanstack-query, tanstack-react-query, typescript, zod
• Language: TypeScript
• Homepage: https://hatchetnews.vercel.app
• Size: 1.15 MB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# [hatchet](https://github.com/tommyxchow/next-template)

A fast, modern, and simple web client for Hacker News.

![Two screenshot of the home page with light mode on the left and dark mode on the right.](https://github.com/tommyxchow/hatchet/assets/54859075/c0bed8a8-4dec-4666-8e2a-3de6a3846f3c)

## Why

I've always enjoyed browsing [Hacker News](https://news.ycombinator.com/) but personally found the web client's UI/UX lacking (it's pretty much the same since launching in [2007](https://web.archive.org/web/20070221033032/https://news.ycombinator.com/)). Although I do like the nostalgic "old web" feeling, UI/UX and design patterns have grown a lot since then.

My goal was to create a web client that aims to "remaster" the Hacker News experience by maintaining its minimalistic nature while bringing in best practices in UI/UX and performance.

Also, I know the "redesign Hacker News" idea has been done a million times already, but I wanted to give my own try at it! Plus, it was a great opportunity for me to get familiar with the newer Next.js App Router and other packages.

## Stack

- [Next.js](https://nextjs.org/) (App Router)

- [TanStack Query](https://tanstack.com/query/latest)

- [next-themes](https://github.com/pacocoursey/next-themes)

- [Tailwind CSS](https://tailwindcss.com/) (with [Typography](https://tailwindcss.com/docs/typography-plugin) plugin)

- [tailwind-merge](https://github.com/dcastil/tailwind-merge)

- [zod](https://zod.dev/)

## License

hatchet is licensed under [MIT](LICENSE).