https://github.com/arafipro/jpstock-trade-next-pc-front-prisma
日本株投資取引履歴にPrismaを適用
https://github.com/arafipro/jpstock-trade-next-pc-front-prisma
nextjs13 prisma typescript
Last synced: 2 months ago
JSON representation
日本株投資取引履歴にPrismaを適用
- Host: GitHub
- URL: https://github.com/arafipro/jpstock-trade-next-pc-front-prisma
- Owner: arafipro
- Created: 2023-07-21T12:50:37.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-22T00:43:01.000Z (almost 2 years ago)
- Last Synced: 2025-01-24T20:47:06.890Z (4 months ago)
- Topics: nextjs13, prisma, typescript
- Language: TypeScript
- Homepage:
- Size: 159 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# jpstock-trade-next-pc-front-prisma
jpstock-trade-next-pc-frontをクローンしてprismaを追加採用して開発
## 日本株取引記録データベース
日本株取引記録アプリPCフロントエンド
## 日本株取引記録アプリ構成
バックエンド：日本株取引記録データベースAPI
laravel-api - https://github.com/arafipro/jpstock-trade-laravel-api
フロントエンドPC：next-pc-front --> ○
フロントエンドmobile：flutter-mobile-front
## 目的
日本株取引記録データベースAPIを利用してNext.jsでCRUDを実現する
## 使用フレームワーク
- [Next.js v13.4.8](https://nextjs.org/docs)
## 使用ライブラリ
- [React Icons v4.10.1](https://react-icons.github.io/react-icons)
- [React Hook Form v7.45.1](https://www.react-hook-form.com/)
- [Schema Validation v3.1.1](https://react-hook-form.com/get-started#SchemaValidation)
- [Zod v3.21.4](https://zod.dev/)
- [Tailwind CSS](https://tailwindcss.com/)
- [@tailwindcss/line-clamp v0.4.4](https://github.com/tailwindlabs/tailwindcss-line-clamp)
- [Prisma](https://www.prisma.io/)
## 目標
- Next.jsのApp Routerの理解
- Prismaの理解
- React Hook Formの理解
- Zodの理解
- Suspenseの理解
## 参考資料
- [React Hook FormとZodの基本的な使い方](https://qiita.com/y-suzu/items/952d417f0853341a97df)
- [Suspense Fetchを3年実用してみて](https://zenn.dev/knowledgework/articles/d460315cb4c16b#%E3%82%B5%E3%82%A4%E3%83%89%E3%82%BB%E3%83%83%E3%82%B7%E3%83%A7%E3%83%B3%E2%91%A0%3A-suspense-fetch%E3%82%923%E5%B9%B4%E5%AE%9F%E7%94%A8%E3%81%97%E3%81%A6%E3%81%BF%E3%81%A6)