https://github.com/oliverspeir/airquality
https://github.com/oliverspeir/airquality
nextjs-13 prisma react-server-components supabase-db
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/oliverspeir/airquality
- Owner: OliverSpeir
- Created: 2023-06-26T21:34:23.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-18T00:20:22.000Z (almost 2 years ago)
- Last Synced: 2025-01-03T12:43:13.065Z (4 months ago)
- Topics: nextjs-13, prisma, react-server-components, supabase-db
- Language: TypeScript
- Homepage: https://airquality-dashboard.vercel.app
- Size: 708 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PurpleAir Sensor Dashboard
This is a full stack web app that displays live data and logs it in a database.
## Built with NextJS, Async React Components, Prisma and Supabase
Uses Async components for Datafetching, Prisma as an ORM to interface with the PostgreSQL DB provided by Supabase. Supabase provides connection pooling via PgBouncer, which is important when using Serverless functions.
## Styled with DaisyUI and TailwindCSS
I used DaisyUI for most of the styling and I am a big fan of the library.
## Learning experience
I made this project to learn more about these technologies. I had a lot of fun doing it.
## Resources
- [React Server Components Explained](https://nextjs.org/docs/getting-started/react-essentials#server-components)
- [Async Server Components Explained](https://nextjs.org/docs/app/building-your-application/data-fetching/fetching#async-and-await-in-server-components)
- [Prisma with Vercel](https://www.prisma.io/docs/guides/deployment/deployment-guides/deploying-to-vercel)
- [Supabase with Prisma](https://supabase.com/docs/guides/integrations/prisma)
- [DaisyUI](https://daisyui.com)
- [PgBouncer](http://www.pgbouncer.org/)