Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hamzazaidix/news-4-u
News 4 U is the Fastest News Platform which gives to News when you want! build on Next JS with News API
https://github.com/hamzazaidix/news-4-u
javascript netlify news news-api-org news-website news-website-clone newsapi newyorktimes next-js-app nextjs react reactjs-projects tailwind-css typescript
Last synced: 7 days ago
JSON representation
News 4 U is the Fastest News Platform which gives to News when you want! build on Next JS with News API
- Host: GitHub
- URL: https://github.com/hamzazaidix/news-4-u
- Owner: HamzaZaidiX
- Created: 2024-06-04T16:26:21.000Z (8 months ago)
- Default Branch: master
- Last Pushed: 2024-06-04T18:41:19.000Z (8 months ago)
- Last Synced: 2024-12-03T10:45:17.414Z (2 months ago)
- Topics: javascript, netlify, news, news-api-org, news-website, news-website-clone, newsapi, newyorktimes, next-js-app, nextjs, react, reactjs-projects, tailwind-css, typescript
- Language: TypeScript
- Homepage: https://news4u-shjz.netlify.app/
- Size: 47.9 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# News 4 U Website 📰📺
News 4 U is the Fastest News Platform which gives to News when you want inspired to build in React JS, Next JS, Typescript and also using [NEWS API](https://newsapi.org/) to get latest news on my website! 📰😄📑
### Note: [News API](https://newsapi.org/pricing) free plan is used so please when you're arriving after the plan is deactivated then the News no gonna show bcoz the News Api only gives 100 requests which is already used 😢
# If you want to read te NEWS Click Here ➡️
## Materials Used:
- [Next.js](https://nextjs.org/)
- [Typescript](https://www.typescriptlang.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [News API](https://newsapi.org/)
## Screenshots:
## Want to Start the Project:
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
## Fork my Github Repo:
```
git clone https://github.com/HamzaZaidiX/News-4-U
```