indyseh / nextjs-react-hook-forms-zod-jest

Learn React Hook Form and Zod integration in TypeScript, Next.js. Build robust, type-safe forms effortlessly with this tutorial project.

Nextjs-TailwindCSS-React-Hook-Form-Zod

Welcome to the project.

Overview

This project serves as a tutorial for integrating React Hook Form with Zod in a TypeScript environment, specifically within a Next.js application styled with Tailwind CSS. By following along with this project, you'll learn how to build robust, type-safe forms effortlessly.

Features

• Integration of React Hook Form with Zod for form validation
• TypeScript for type safety
• Next.js for server-side rendering and routing
• Tailwind CSS for styling

Getting Started

To get started with this project, follow these steps:

1. Clone the repository:

git clone https://github.com/IndySeh/nextjs-react-hook-forms-zod-jest.git

2. Navigate to the project directory:

cd nextjs-react-hook-forms-zod-jest 

3. Install dependencies:

npm install

4. Start the development server:

npm run dev

5. Open your browser and visit:

http://localhost:3000

Contributing

Contributions are welcome! If you find any issues or would like to add new features, please open an issue or submit a pull request.