Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/2color/ama-prisma
Voice Ask me anything app. Built with Next.js, Prisma, TypeScript, Tailwind, React Query, MediaRecorder API, and Cloudinary.
https://github.com/2color/ama-prisma
database mysql nextjs prisma tailwindcss typescript
Last synced: 8 days ago
JSON representation
Voice Ask me anything app. Built with Next.js, Prisma, TypeScript, Tailwind, React Query, MediaRecorder API, and Cloudinary.
- Host: GitHub
- URL: https://github.com/2color/ama-prisma
- Owner: 2color
- License: mit
- Created: 2021-10-07T18:32:35.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-10-16T08:46:43.000Z (23 days ago)
- Last Synced: 2024-10-22T09:19:38.401Z (17 days ago)
- Topics: database, mysql, nextjs, prisma, tailwindcss, typescript
- Language: TypeScript
- Homepage:
- Size: 27.2 MB
- Stars: 25
- Watchers: 2
- Forks: 5
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Prisma & Next.js - Ask Me Anything page
> [!CAUTION]
> This project hasn't been updated since PlanetScale removed their free plan. Therefore, I no longer host a working version.
> If time allows in the future, I'll switch this over to use [SQlite on Cloudflare D1](https://www.prisma.io/docs/orm/overview/databases/cloudflare-d1)
Ask Me Anything App!
Built with:
- Prisma
- Next.js
- Tailwind
- MySQL
Based on Brian Lovin's old AMA page rebuilt with Prisma, MySQL, and Cloudinary.
## Development
Clone the repository:
`git clone [email protected]:2color/prisma-ama.git`
`cd` into the directory:
`cd prisma-ama`
Install dependencies:
`npm i`
Start the client:
`npm run dev`
Open the site:
`localhost:3000`
## Migrating to PlanetScale from AWS RDS
1. [PlanetScale import service](https://docs.planetscale.com/concepts/database-imports) intro
1. Adjust the Prisma schema (with RDS MySQL) and set referential integrity to prisma
```prisma
datasource db {
provider = "mysql"
url = env("DATABASE_URL")
referentialIntegrity = "prisma"
}
generator client {
provider = "prisma-client-js"
previewFeatures = ["dataProxy", "referentialIntegrity"]
}
```
1. Create a migration (removing the foreign keys) with local DB: `npx prisma migrate dev`
1. Run the migration against the **RDS MySQL Production DB** removing foreign keys in preparation for the migration
1. Setup the PlanetScale import
1. Add the imported PlanetScale DB to the [Prisma Data Platform](https://cloud.prisma.io) and verify using the Data Browser that the data has been successfully replicated.
1. Switch PlanetScale DB to **primary**
1. Update the production `DATABASE_URL` env var on Vercel to use the PlanetScale DB
1. (optional) Add indices for foreign keys ([See comment](https://github.com/prisma/prisma/issues/7292#issuecomment-963118192))
## Migrations on PlanetScale
### Initial migration
1. Create a shadow DB branch: `pscale branch create prisma-playground shadow`
1. Set `SHADOW_DATABASE_URL` in `.env` and configure the Prisma schema
1. Create migration `npx prisma migrate dev`
1. Promote branch to be the main `pscale branch promote prisma-playground main`
### Further migrations
1. Create a dev branch `pscale branch create prisma-playground add-subtitle-to-posts`
1. `pscale connect prisma-playground add-subtitle-to-posts --port 3309`
1. `pscale connect prisma-playground shadow --port 3310`
```
DATABASE_URL="mysql://[email protected]:3309/prisma-playground"
SHADOW_DATABASE_URL="mysql://[email protected]:3310/prisma-playground"
```
1. Add changes to Prisma schema
1. Create migration: `npx prisma migrate dev`
1. `pscale deploy-request create prisma-playground add-subtitle-to-posts`
## Database commands
### Connect to local mysql
`mysql --protocol TCP -h localhost -P 3306 -u root -p prisma-ama`
### Dump DB
`mysqldump --host eu-central-1.rds.amazonaws.com --user admin -p DB_NAME --no-create-db --set-gtid-purged=OFF > dump-7-12-2021.sql`
### Import DB
`mysql --protocol TCP -h localhost -P 3306 -u root -p prisma-ama < dump-7-12-2021.sql`