https://github.com/ir3n/dogs_data_fetch_practice
This is a page where I practiced fetching dog images using server-side vs client-side components.
https://github.com/ir3n/dogs_data_fetch_practice
csr dogs-api nextjs react shadcn-ui ssr tailwindcss typescript
Last synced: 3 months ago
JSON representation
This is a page where I practiced fetching dog images using server-side vs client-side components.
- Host: GitHub
- URL: https://github.com/ir3n/dogs_data_fetch_practice
- Owner: ir3n
- Created: 2024-06-29T15:56:48.000Z (12 months ago)
- Default Branch: master
- Last Pushed: 2024-07-13T08:39:16.000Z (11 months ago)
- Last Synced: 2025-01-23T04:41:36.703Z (5 months ago)
- Topics: csr, dogs-api, nextjs, react, shadcn-ui, ssr, tailwindcss, typescript
- Language: TypeScript
- Homepage:
- Size: 1.25 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
I created this page while practicing the different ways to fetch data, comparing a server and a client component.
I used Next.js, TypeScript, TailwindCSS, Shadcn/ui and the [Dog API](https://dog.ceo/dog-api) to fetch random images of dogs.
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.