Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wangyj641/next-react-notes
A note app based on Next.js and React.js
https://github.com/wangyj641/next-react-notes
Last synced: about 2 months ago
JSON representation
A note app based on Next.js and React.js
- Host: GitHub
- URL: https://github.com/wangyj641/next-react-notes
- Owner: wangyj641
- Created: 2024-04-30T13:18:56.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-05-14T13:10:32.000Z (8 months ago)
- Last Synced: 2024-05-15T17:12:32.399Z (8 months ago)
- Language: JavaScript
- Homepage:
- Size: 319 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# next-react-notes
- A note application based on Next.js and React.
- Developed with JavaScript, Next.js, React, Prisma, PostgreSQL, OAuth, Docker.
### Key Skills
- Next.js + Prisma + PostgreSQL fullstack project
- Github OAuth integration
- Utilized i18next internationlization
- Support markdown file data
### Getting Started
##### Configuration
- Register a github OAuth app
```
github -> settings -> Developer settings -> OAuth apps
```
- Edit .env file:
```
AUTH_GITHUB_ID=***
AUTH_GITHUB_SECRET=***
AUTH_SECRET=***
```
- Set PostgreSQL DB info:
```
DATABASE_URL="mysql://root:001028qW@@localhost:3306/notes"
POSTGRES_URL="postgres://default:JSjrNi4XWx6Z@ep-young-smoke-a4lzneqn-pooler.us-east-1.aws.neon.tech:5432/verceldb?sslmode=require"
POSTGRES_PRISMA_URL="postgres://default:JSjrNi4XWx6Z@ep-young-smoke-a4lzneqn-pooler.us-east-1.aws.neon.tech:5432/verceldb?sslmode=require&pgbouncer=true&connect_timeout=15"
POSTGRES_URL_NO_SSL="postgres://default:JSjrNi4XWx6Z@ep-young-smoke-a4lzneqn-pooler.us-east-1.aws.neon.tech:5432/verceldb"
POSTGRES_URL_NON_POOLING="postgres://default:[email protected]:5432/verceldb?sslmode=require"
POSTGRES_USER="default"
POSTGRES_HOST="ep-young-smoke-a4lzneqn-pooler.us-east-1.aws.neon.tech"
POSTGRES_PASSWORD="***"
POSTGRES_DATABASE="verceldb"
```
##### Start the app
```shell
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.