Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/kholodihor/cats
- Owner: kholodihor
- Created: 2023-09-05T08:23:45.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-17T07:42:02.000Z (over 1 year ago)
- Last Synced: 2024-07-09T10:07:29.494Z (7 months ago)
- Topics: catapi, jest, next13, tailwind, zustand
- Language: TypeScript
- Homepage: https://cats-ruby.vercel.app
- Size: 2.76 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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/)