Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jezbravo/nextjs-prisma-crud
Classic to-do app
https://github.com/jezbravo/nextjs-prisma-crud
javascript nextjs postgresql prisma vercel
Last synced: about 14 hours ago
JSON representation
Classic to-do app
- Host: GitHub
- URL: https://github.com/jezbravo/nextjs-prisma-crud
- Owner: jezbravo
- Created: 2024-02-13T15:54:51.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-05-18T00:07:04.000Z (6 months ago)
- Last Synced: 2024-05-18T02:25:03.190Z (6 months ago)
- Topics: javascript, nextjs, postgresql, prisma, vercel
- Language: JavaScript
- Homepage: https://nextjs-prisma-crud-smoky.vercel.app
- Size: 140 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js + Prisma CRUD
## Description
This is a classic to-do app. The user will be able to create, read, update and delete tasks in a minimalist but elegant interface.
### Stack
- HTML
- TailwindCSS
- JavaScript
- Next.js
- Prisma
- PostreSQL
- Vercel
## Setup
First of all you must clone the repository:
```sh
git clone https://github.com/jezbravo/nextjs-prisma-crud.git
cd nextjs-prisma-crud
```
Then install the dependencies:
```node
npm install
```
### Environment Variables
In order for the program to work correctly, it is necessary to configure the following environment variables in an **.env** file at the root of the project:
```javascript
POSTGRES_PRISMA_URL=
POSTGRES_URL_NON_POOLING=
```
Both keys are obtained in the storage configuration provided by Vercel.
Once everything is ready:
```javascript
npm run dev
```
## Demo
The interface tries to be as intuitive and friendly as possible. The page displays a grid with created tasks. Each task can be selected to be updated or deleted. There is also a navigation bar that makes it possible to go to the home page, create a new task, or view the typical "about us" information.
You can test a deployed version at the following link: https://nextjs-prisma-crud-smoky.vercel.app