A modern news website built with Next.js, TypeScript, and Tailwind CSS. VibeNews provides a clean and intuitive interface for accessing the latest news across various categories.
- Responsive design optimized for all devices
- Modern UI with smooth transitions and animations
- Category-based news organization
- Featured articles section
- Latest news grid layout
- Dark mode support
- RSS feed integration with multiple news sources
- Proxy service for reliable feed fetching
- Next.js 14
- TypeScript
- Tailwind CSS
- React
- Node.js
- RSS Parser
- Clone the repository:
git clone https://github.com/yourusername/vibenews.git
cd vibenews- Install dependencies:
npm install- Set up environment variables:
- Copy
.env.exampleto.env.local - Update the variables as needed:
- Copy
# Development
URL=http://localhost:3000
# Production
URL=https://your-domain.com- Run the development server:
npm run dev- Open http://localhost:3000 with your browser to see the result.
vibenews/
├── src/
│ ├── app/
│ │ ├── api/
│ │ │ └── proxy/
│ │ │ └── route.ts
│ │ ├── layout.tsx
│ │ └── page.tsx
│ ├── components/
│ │ ├── Header.tsx
│ │ └── Footer.tsx
│ ├── config/
│ │ └── newsSources.ts
│ └── lib/
│ └── feedService.ts
├── public/
│ └── images/
├── .env.example
├── .env.local (not in repo)
├── package.json
└── README.md
npm run dev- Start development servernpm run build- Build for productionnpm start- Start production servernpm run lint- Run ESLint
URL: The base URL of your application. Used for server-side feed fetching.- Development:
http://localhost:3000 - Production: Your domain (e.g.,
https://vibenews.com)
- Development:
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.