Issam Seghir issam-seghir

Download and install Victor Mono font
Update VSCode setting as bellow:
- font size, line height and font weight are optional and you can update them as you prefer

{
  "editor.fontSize": 13,
  "editor.lineHeight": 24,

this is my implementation with RHF + Zod for both Client + Server side validation with server actions :

"use client";
....
const formSchema = z.object({
        .....
});
    const [loading, setLoading] = useState(false);

Image source

https://gyazo.com/eb5c5741b6a9a16c692170a41a49c858.png

	const MAX_FILE_SIZE = 500000;
	const ACCEPTED_IMAGE_TYPES = ["image/jpeg", "image/jpg", "image/png", "image/webp"];

	const RegistrationSchema = z.object({
	profileImage: z
	.any()
	.refine((files) => files?.length == 1, "Image is required.")
	.refine((files) => files?.[0]?.size <= MAX_FILE_SIZE, `Max file size is 5MB.`)
	.refine(
	(files) => ACCEPTED_IMAGE_TYPES.includes(files?.[0]?.type),