NewsNest is a learning-focused Next.js application built to experiment with the App Router, URL-based state management, and real-world API integration. It fetches live news from NewsAPI.org and provides a clean, responsive reading experience.
- Built with Next.js (App Router)
- Real-time news fetching using NewsAPI.org
- Category-based navigation (Politics, Sports, Technology, etc.)
- Language support (English / Hindi)
- Custom search using URL query parameters
- URL-driven state for category and language persistence
- Responsive UI with modern news cards and skeleton loaders
- Next.js
- React
- NewsAPI.org
- CSS Modules
Install dependencies:
npm install
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open [http://localhost:3000](http://localhost:3000) in your browser to see the app.-
Understand Next.js App Router
-
Work with URL-based state using query parameters
-
Build responsive layouts and reusable components Handle client-side data fetching and loading states
This project is created for learning and experimentation purposes only. News data is powered by NewsAPI.org.