https://github.com/fukata/sample-nextjs-rss-reader

https://github.com/fukata/sample-nextjs-rss-reader

Last synced: 29 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/fukata/sample-nextjs-rss-reader
• Owner: fukata
• Created: 2022-01-24T13:52:19.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-02-08T15:32:24.000Z (almost 3 years ago)
• Last Synced: 2024-10-10T12:32:53.645Z (about 1 month ago)
• Language: TypeScript
• Size: 4.06 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# sample-nextjs-rss-reader

これは下記の雛形を利用したサンプル（RSS Reader）アプリです。

[fukata/skelton-nextjs-prisma-app](https://github.com/fukata/skelton-nextjs-prisma-app)

## 構成

- Next.js

- NextAuth.js

  - Google OAuth

- Prisma

- Planet Scale

## 開発方法

### .env の作成

`.env` ファイルを `.env.sample` を参考に作成します。

### Planet Scaleのデータベース、ブランチを作成（初回のみ）

データベースを作成

```shell

$pscale database create sample-nextjs-rss-reader --region ap-northeast

```

ブランチを作成（dev、shadow）

```shell

$pscale branch create sample-nextjs-rss-reader dev 

$pscale branch create sample-nextjs-rss-reader shadow 

```

### Planet Scaleを起動

２つのターミナルで下記のコマンドを実行します。

ターミナル１

```shell

$pscale connect sample-nextjs-rss-reader dev --port 3309

```

ターミナル２

```shell

$pscale connect sample-nextjs-rss-reader shadow --port 3310

```

### マイグレーション

```shell

$npx prisma migrate dev

```

### アプリを起動

```shell

$yarn dev

```

## Tips

### Prismaのログを見たい時

[Debugging (Reference) - Prisma Docs](https://www.prisma.io/docs/concepts/components/prisma-client/debugging)

```shell

$DEBUG="*" yarn dev

```