https://github.com/masoumehmohebbi/nextjs-formik-yup-form

Validating Form With Formik And Yup!
https://github.com/masoumehmohebbi/nextjs-formik-yup-form

absolute-imports formik formik-yup tailwindcss validation-form yup yup-validation

Last synced: 7 days ago
JSON representation

Validating Form With Formik And Yup!

• Host: GitHub
• URL: https://github.com/masoumehmohebbi/nextjs-formik-yup-form
• Owner: masoumehmohebbi
• Created: 2024-06-18T07:42:07.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-06-20T18:15:33.000Z (5 months ago)
• Last Synced: 2024-06-21T12:03:17.081Z (5 months ago)
• Topics: absolute-imports, formik, formik-yup, tailwindcss, validation-form, yup, yup-validation
• Language: TypeScript
• Homepage:
• Size: 192 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Todo-List 

This is a SignUp Form that validation is with Formik - Yup

 

https://github.com/masoumehmohebbi/nextjs-formik-yup-form/assets/88876100/34be962b-e99c-4052-be33-8c3fe753a665


Built with 



   


      
Language ┈➤ Typescript

      
FrameWork ┈➤ Next.js 14

      

Next.js-Directory ┈➤ App Router

      
Styling ┈➤ TailwindCss

      
Form-Validation ┈➤ Formik - Yup

      

Database ┈➤ Json-Server

      

   



Links 





   


      GitHub repository

   

   


      My other projects

   



Development setup 



1. First, you need to clone the project:


```

git clone https://github.com/masoumehmohebbi/nextjs-formik-yup-form

```

2. Then, install required packages:


```

npm i

```

3. Finally, run the dev script to start the dev server:


```

npm run dev

```