https://github.com/7fox7/fetching-news
An application that allows users to explore content about Tigers and Sharks. Upon visiting the Welcome page, users can select their preferred animal, which leads to stories, news articles, and images. The application dynamically fetches data from an external API and features pagination for easy navigation
https://github.com/7fox7/fetching-news
fetch-api html-css-javascript nextjs pagination reactjs server-side-rendering tailwind-css typescript
Last synced: about 1 month ago
JSON representation
An application that allows users to explore content about Tigers and Sharks. Upon visiting the Welcome page, users can select their preferred animal, which leads to stories, news articles, and images. The application dynamically fetches data from an external API and features pagination for easy navigation
- Host: GitHub
- URL: https://github.com/7fox7/fetching-news
- Owner: 7FOX7
- Created: 2024-10-21T22:50:25.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-10-23T06:39:55.000Z (7 months ago)
- Last Synced: 2025-02-08T07:27:53.702Z (3 months ago)
- Topics: fetch-api, html-css-javascript, nextjs, pagination, reactjs, server-side-rendering, tailwind-css, typescript
- Language: TypeScript
- Homepage: https://fetching-news.vercel.app
- Size: 205 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/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/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
## 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!
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.