https://github.com/arafipro/shadcn-form-yt

【React Hook Form】【zod】shadcn/uiを使って、zodを中心に入力フォームを作る
https://github.com/arafipro/shadcn-form-yt

cloudflare cloudflare-pages nextjs nextjs14 react react-hook-form shadcn-ui tailwindcss typescript youtube zod

Last synced: 2 months ago
JSON representation

【React Hook Form】【zod】shadcn/uiを使って、zodを中心に入力フォームを作る

• Host: GitHub
• URL: https://github.com/arafipro/shadcn-form-yt
• Owner: arafipro
• Created: 2024-05-01T02:58:25.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-08T12:20:32.000Z (about 1 year ago)
• Last Synced: 2025-01-24T20:46:53.386Z (4 months ago)
• Topics: cloudflare, cloudflare-pages, nextjs, nextjs14, react, react-hook-form, shadcn-ui, tailwindcss, typescript, youtube, zod
• Language: TypeScript
• Homepage: https://youtu.be/PQeW8gLI5Eg
• Size: 199 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 【React Hook Form】【zod】shadcn/uiを使って、zodを中心に入力フォームを作る

## YouTube

[!["【React Hook Form】【zod】shadcn/uiを使って、zodを中心に入力フォームを作る"](https://i.ytimg.com/vi/PQeW8gLI5Eg/maxresdefault.jpg)](https://youtu.be/PQeW8gLI5Eg)

## 技術選定

- TypeScript

- Next.js

- Tailwind CSS

- shadcn/ui

- react hook form

- zod

- Cloudflare Pages

## 初期設定

### NodeModuleをインストール

```bash

npm install

```