Minimal News
A fast, minimal, and eye-relaxed Hacker News reader built with Next.js
and Tailwind CSS. This project focuses on a clean user interface
and efficient data fetching using modern web technologies.
https://minimal-news-seven.vercel.app/
Features
Browse Top, New, Ask HN, Show HN, and Job stories.
View individual story details and comments.
Responsive design for various screen sizes.
Eye-relaxed theme for comfortable reading.
Dynamic metadata and basic SEO implementation.
Independent loading states for content and pagination using Suspense.
Subtle entry animations for a smoother user experience.
Technologies Used
Framework: Next.js (App Router)
Language: TypeScript
Styling: Tailwind CSS
UI Components: Shadcn UI
Animations: tw-animate-css
Data Fetching: Server Components, fetch API, Internal API Routes
External API: Hacker News API
source code : https://github.com/yasseen-codes/minimal-news
give me your feedback , leave a star if you liked it :)
A fast, minimal, and eye-relaxed Hacker News reader built with Next.js and Tailwind CSS. This project focuses on a clean user interface and efficient data fetching using modern web technologies.
https://minimal-news-seven.vercel.app/
Features
Browse Top, New, Ask HN, Show HN, and Job stories. View individual story details and comments. Responsive design for various screen sizes. Eye-relaxed theme for comfortable reading. Dynamic metadata and basic SEO implementation. Independent loading states for content and pagination using Suspense. Subtle entry animations for a smoother user experience.
Technologies Used
Framework: Next.js (App Router)
Language: TypeScript
Styling: Tailwind CSS
UI Components: Shadcn UI
Animations: tw-animate-css
Data Fetching: Server Components, fetch API, Internal API Routes
External API: Hacker News API
source code : https://github.com/yasseen-codes/minimal-news
give me your feedback , leave a star if you liked it :)