Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/kholodihor/cats

NextJS 13 app, based on CatAPI
https://github.com/kholodihor/cats

catapi jest next13 tailwind zustand

Last synced: about 1 month ago
JSON representation

NextJS 13 app, based on CatAPI

Awesome Lists containing this project

README

        

# Full Stack NextJS 13 App | React, Next JS, TypeScript, CatApi

![CatsCatsCats](https://res.cloudinary.com/dxogh1ji2/image/upload/v1693990396/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0_172_simsaz.png)

## Introduction

Cats,cats and cats again... Try the application, where you can look at cats, vote for cats and create list of your favourite cats. Let`s meow.

In this app I used next technologies:

- NextJS 13 with Server Side Rendering as a fullstack framework
- Typescript
- Server Actions for requests to Grafbase
- Zustand as a global storage for more effective managing data
- Tailwind CSS for styling
- There are dark and light mode in application, initial mode depends on chosen color-scheme of your PC

## To run project locally

- Download or clone repository,
Install dependencies

```bash
npm install
```

then run server

```bash
npm run dev
```

or go after link to see live app

[CatsCatsCats on Vercel](https://cats-ruby.vercel.app/)