"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = { a: "a", code: "code", figure: "figure", li: "li", p: "p", pre: "pre", span: "span", ul: "ul", ..._provideComponents(), ...props.components }; return _jsxs(_Fragment, { children: [_jsxs(_components.p, { children: ["There's a lot of validation package you can use for server-side validation. For this particular example, I'm gonna use ", _jsx(_components.a, { href: "https://www.npmjs.com/package/@hapi/joi", children: "@hapi/joi" }), " validation package with NodeJS back-end environment. It's very simple to implement. I bet you'll be able to use it very easy and quickly."] }), "\n", _jsxs(_components.p, { children: ["The only validation package you need to install is ", _jsx(_components.code, { children: "@hapi/joi" }), ". Just run ", _jsx(_components.code, { children: "npm install @hapi/joi" }), " and you are ready to get to the next step."] }), "\n", _jsx(_components.p, { children: "Normally, we would use this validation for form input submission. So, that will be the example I'll give show to you." }), "\n", _jsxs(_components.p, { children: ["Let's say we have a page ", _jsx(_components.code, { children: "register.ejs" }), " (assuming that you are using ", _jsx(_components.code, { children: "ejs" }), " for front-end javascript templating) like so:-"] }), "\n", _jsx(_components.figure, { "data-rehype-pretty-code-figure": "", children: _jsx(_components.pre, { style: { backgroundColor: "#282c34", color: "#abb2bf" }, tabIndex: "0", "data-language": "html", "data-theme": "one-dark-pro", children: _jsxs(_components.code, { "data-language": "html", "data-theme": "one-dark-pro", style: { display: "grid" }, children: [_jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: "" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: "<" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "html" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " lang" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"en\"" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ">" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: "<" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "head" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ">" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " <" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "meta" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " charset" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"UTF-8\"" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ">" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " <" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "meta" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " name" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"viewport\"" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " content" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"width=device-width, initial-scale=1.0\"" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ">" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " <" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "title" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ">Register" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: "" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: "<" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "body" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ">" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " <" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "div" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ">" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " <" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "h2" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ">REGISTER PAGE" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " <" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "p" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ">Insert your credentials below:-" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " <" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "form" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " action" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"/register\"" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " method" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"POST\"" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "> " })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: " " }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FFFFFF" }, children: " <" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "% if(message !== null) { %>" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " <" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "div" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " class" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"error\"" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ">" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " <" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "p" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " class" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"message\"" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ">" }), _jsx(_components.span, { style: { color: "#FFFFFF" }, children: "<" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "%= message %> " })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " <" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "p" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " class" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"close\"" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " id" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"close\"" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ">X" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " " })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#FFFFFF" }, children: " <" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "% } %>" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: " " }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " <" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "input" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " type" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"email\"" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " name" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"email\"" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " placeholder" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"Email\"" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " required" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ">" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " <" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "div" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ">" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: " " }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " <" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "input" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " type" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"password\"" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " name" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"password\"" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " placeholder" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"Password\"" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " required" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ">" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: " " }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " <" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "input" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " type" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"password\"" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " name" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"passwordConfirm\"" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " placeholder" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"Re-type Password\"" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " required" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ">" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " " })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " <" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "div" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ">" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: " " }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " <" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "input" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " type" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"text\"" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " name" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"firstName\"" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " placeholder" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"Firstname\"" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " required" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ">" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: " " }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " <" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "input" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " type" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"text\"" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " name" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"lastName\"" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " placeholder" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"Lastname\"" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " required" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ">" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " " })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " <" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "button" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: " type" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "=" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "\"submit\"" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ">Register" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " " })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " " })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: " " }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " <" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "script" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ">" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: " // handle closing of error warning/alert" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E5C07B" }, children: " document" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "querySelector" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "'.form'" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ")." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "addEventListener" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "'click'" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ", " }), _jsx(_components.span, { style: { color: "#E06C75", fontStyle: "italic" }, children: "event" }), _jsx(_components.span, { style: { color: "#C678DD" }, children: " =>" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: " {" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: " // get id of div close" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#C678DD" }, children: " let" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: " closeID" }), _jsx(_components.span, { style: { color: "#56B6C2" }, children: " =" }), _jsx(_components.span, { style: { color: "#E5C07B" }, children: " event" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "." }), _jsx(_components.span, { style: { color: "#E5C07B" }, children: "target" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "." }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "id" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: " // if target id === close, then" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#C678DD" }, children: " if" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "closeID" }), _jsx(_components.span, { style: { color: "#56B6C2" }, children: " ===" }), _jsx(_components.span, { style: { color: "#98C379" }, children: " 'close'" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ") {" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: " // remove the warning/alert" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E5C07B" }, children: " document" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "querySelector" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "'.error'" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ")." }), _jsx(_components.span, { style: { color: "#E5C07B" }, children: "style" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "." }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "display" }), _jsx(_components.span, { style: { color: "#56B6C2" }, children: " =" }), _jsx(_components.span, { style: { color: "#98C379" }, children: " 'none'" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#ABB2BF" }, children: " }" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#ABB2BF" }, children: " })" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " " })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: "" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: "" })] })] }) }) }), "\n", _jsxs(_components.p, { children: ["So of course we also will have two routes to handle ", _jsx(_components.code, { children: "get" }), " & ", _jsx(_components.code, { children: "post" }), " from & to the back-end of the system, like so:-"] }), "\n", _jsx(_components.figure, { "data-rehype-pretty-code-figure": "", children: _jsx(_components.pre, { style: { backgroundColor: "#282c34", color: "#abb2bf" }, tabIndex: "0", "data-language": "js", "data-theme": "one-dark-pro", children: _jsxs(_components.code, { "data-language": "js", "data-theme": "one-dark-pro", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "// import validation file" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#C678DD" }, children: "const" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: " { " }), _jsx(_components.span, { style: { color: "#E5C07B" }, children: "registerValidation" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: " } " }), _jsx(_components.span, { style: { color: "#56B6C2" }, children: "=" }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: " require" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "'./controllers/validations'" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ")" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "// REGISTER Get Router" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E5C07B" }, children: "app" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "get" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "'/register'" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ", (" }), _jsx(_components.span, { style: { color: "#E06C75", fontStyle: "italic" }, children: "req" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ", " }), _jsx(_components.span, { style: { color: "#E06C75", fontStyle: "italic" }, children: "res" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ") " }), _jsx(_components.span, { style: { color: "#C678DD" }, children: "=>" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: " // 1. render Register page" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E5C07B" }, children: " res" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "render" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "'register'" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ", { " }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "message" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ": " }), _jsx(_components.span, { style: { color: "#D19A66" }, children: "null" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: " })" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "})" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "// REGISTER Post Router" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E5C07B" }, children: "app" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "post" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "'/register'" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ", (" }), _jsx(_components.span, { style: { color: "#E06C75", fontStyle: "italic" }, children: "req" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ", " }), _jsx(_components.span, { style: { color: "#E06C75", fontStyle: "italic" }, children: "res" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ") " }), _jsx(_components.span, { style: { color: "#C678DD" }, children: "=>" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E06C75" }, children: " let" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: " { " }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "email" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ", " }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "password" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ", " }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "passwordConfirm" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ", " }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "firstName" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ", " }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "lastName" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: " } " }), _jsx(_components.span, { style: { color: "#56B6C2" }, children: "=" }), _jsx(_components.span, { style: { color: "#E5C07B" }, children: " req" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "." }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "body" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: " // 1. do validation" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E06C75" }, children: " const" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: " { " }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "error" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: " } " }), _jsx(_components.span, { style: { color: "#56B6C2" }, children: "=" }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: " registerValidation" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(" }), _jsx(_components.span, { style: { color: "#E5C07B" }, children: "req" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "." }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "body" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ")" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#61AFEF" }, children: " if" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "error" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ") " }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "return" }), _jsx(_components.span, { style: { color: "#E5C07B" }, children: " res" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "render" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "'register'" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ", { " }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "message" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ": " }), _jsx(_components.span, { style: { color: "#E5C07B" }, children: "error" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "." }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "details" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "[" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: "0" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "]." }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "message" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: " })" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: " // 2. check email already exist in DB" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: " // 3. hash password with bcryptjs" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: " // 4. save new user to DB" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: " // 5. redirect new user to Login page" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "})" }) })] }) }) }), "\n", _jsx(_components.p, { children: "This is where you validation happen:-" }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: ["in ", _jsx(_components.code, { children: "projectFolder/controllers/validations.js" }), ":-"] }), "\n"] }), "\n", _jsx(_components.figure, { "data-rehype-pretty-code-figure": "", children: _jsx(_components.pre, { style: { backgroundColor: "#282c34", color: "#abb2bf" }, tabIndex: "0", "data-language": "js", "data-theme": "one-dark-pro", children: _jsxs(_components.code, { "data-language": "js", "data-theme": "one-dark-pro", style: { display: "grid" }, children: [_jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "/** Import Dependencies */" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "// Joi" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#C678DD" }, children: "const" }), _jsx(_components.span, { style: { color: "#E5C07B" }, children: " joi" }), _jsx(_components.span, { style: { color: "#56B6C2" }, children: " =" }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: " require" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "'@hapi/joi'" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ")" })] }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "/** Validation Schema */" }) }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "// REGISTER Validation Schema" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#C678DD" }, children: "const" }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: " registerValidation" }), _jsx(_components.span, { style: { color: "#56B6C2" }, children: " =" }), _jsx(_components.span, { style: { color: "#E06C75", fontStyle: "italic" }, children: " data" }), _jsx(_components.span, { style: { color: "#C678DD" }, children: " =>" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: " {" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#C678DD" }, children: " const" }), _jsx(_components.span, { style: { color: "#E5C07B" }, children: " schema" }), _jsx(_components.span, { style: { color: "#56B6C2" }, children: " =" }), _jsx(_components.span, { style: { color: "#E5C07B" }, children: " joi" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "object" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "({" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E06C75" }, children: " email" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ": " }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "joi" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " ." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "string" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "() " }), _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "// type of input" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " ." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "min" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: "6" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ") " }), _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "// min amount of input allowed" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " ." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "required" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "() " }), _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "// cannot be left empty" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " ." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "email" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(), " }), _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "// should be type/syntax of email" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E06C75" }, children: " password" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ": " }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "joi" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " ." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "string" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "() " }), _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "// type of input" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " ." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "min" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: "6" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ") " }), _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "// min amount of input allowed" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " ." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "max" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: "72" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ", " }), _jsx(_components.span, { style: { color: "#98C379" }, children: "'utf8'" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ") " }), _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "// max amount of input allowed" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " ." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "required" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(), " }), _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "// cannot be left empty" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E06C75" }, children: " passwordConfirm" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ": " }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "joi" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " ." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "valid" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(" }), _jsx(_components.span, { style: { color: "#E5C07B" }, children: "joi" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "ref" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(" }), _jsx(_components.span, { style: { color: "#98C379" }, children: "'password'" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ")) " }), _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "// should be exactly the same like 'password' above" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " ." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "required" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(), " }), _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "// cannot be left empty" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E06C75" }, children: " firstName" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ": " }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "joi" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " ." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "string" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "() " }), _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "// type of input" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " ." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "min" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: "4" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ") " }), _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "// min amount of input allowed" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " ." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "required" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(), " }), _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "// cannot be left empty" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E06C75" }, children: " lastName" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ": " }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "joi" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " ." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "string" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "() " }), _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "// type of input" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " ." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "min" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(" }), _jsx(_components.span, { style: { color: "#D19A66" }, children: "4" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ") " }), _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "// min amount of input allowed" })] }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#ABB2BF" }, children: " ." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "required" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "() " }), _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "// cannot be left empty" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#ABB2BF" }, children: " })" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: " // validate the schema" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#C678DD" }, children: " return" }), _jsx(_components.span, { style: { color: "#E5C07B" }, children: " schema" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "." }), _jsx(_components.span, { style: { color: "#61AFEF" }, children: "validate" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "(" }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "data" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: ")" })] }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "}" }) }), "\n", _jsx(_components.span, { "data-line": "", children: " " }), "\n", _jsx(_components.span, { "data-line": "", children: _jsx(_components.span, { style: { color: "#7F848E", fontStyle: "italic" }, children: "/** Validation Schema Exports */" }) }), "\n", _jsxs(_components.span, { "data-line": "", children: [_jsx(_components.span, { style: { color: "#E5C07B" }, children: "module" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: "." }), _jsx(_components.span, { style: { color: "#E5C07B" }, children: "exports" }), _jsx(_components.span, { style: { color: "#56B6C2" }, children: " =" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: " { " }), _jsx(_components.span, { style: { color: "#E06C75" }, children: "registerValidation" }), _jsx(_components.span, { style: { color: "#ABB2BF" }, children: " }" })] })] }) }) }), "\n", _jsxs(_components.p, { children: ["The codes and comments given are self explanatory. It's easy to use and implement. If you wanna see or code together with me, then you can go to this link, ", _jsx(_components.a, { href: "https://youtu.be/cHzPISvfaCQ", children: "Server-side Validation in NodeJS - Hapi Joi" }), "."] }), "\n", _jsx(_components.p, { children: "Anyway, that's all for today. Like always, until next time, Chao! Salam." })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { default: MDXContent };

Server-side validation implementation

Server-side validation implementation