https://github.com/katt/500cats
😻 Pointless TypeScript/nextjs/s3/imgix project
https://github.com/katt/500cats
nextjs postgres react tyepscript
Last synced: 9 months ago
JSON representation
😻 Pointless TypeScript/nextjs/s3/imgix project
- Host: GitHub
- URL: https://github.com/katt/500cats
- Owner: KATT
- Created: 2017-09-25T18:53:36.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-02-22T14:53:01.000Z (almost 8 years ago)
- Last Synced: 2025-05-12T19:14:18.299Z (9 months ago)
- Topics: nextjs, postgres, react, tyepscript
- Language: TypeScript
- Homepage: https://500cats.kattcorp.co.uk
- Size: 113 KB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 500 cats
Just a stupid server-rendered React/TypeScript app. Demo at https://500cats.kattcorp.co.uk.
- TypeScript app
- Next.js (server-rendered, code splitting etc)
- Upload Images to S3
- List all added cats paginated
- Cursor-based pagination
- Use imgix for rezing images
- Start with low quality image placeholder, then load perfect-fitting image based on viewport
- Jest added for testing, although not much written.
## How to use it?
First, you need to create a `local-env.sh`, based on `example-local.env`.
```
npm install # to install dependencies
npm run dev # to compile TypeScript files and to run next.js
```
Output JS files are aside the related TypeScript ones. If you use VSCode, which I highly recommend, it should automatically ignore any `*.js` files.