An open API service indexing awesome lists of open source software.

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.

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.