/* ### Custom Ports Mintlify uses port 3000 by default. You can use the `--port` flag to customize the port Mintlify runs on. For example, use this command to run in port 3333: ```bash mintlify dev --port 3333 ``` You will see an error like this if you try to run Mintlify in a port that's already taken: ```md Error: listen EADDRINUSE: address already in use :::3000 ``` ## Mintlify Versions Each CLI is linked to a specific version of Mintlify. Please update the CLI if your local website looks different than production. ```bash npm npm i -g mintlify@latest ``` ```bash yarn yarn global upgrade mintlify ``` ## Deployment Unlimited editors available under the [Pro Plan](https://mintlify.com/pricing) and above. You should see the following if the deploy successfully went through:

## Troubleshooting Here's how to solve some common problems when working with the CLI. Update to Node v18. Run `mintlify install` and try again. Go to the `C:/Users/Username/.mintlify/` directory and remove the `mint` folder. Then Open the Git Bash in this location and run `git clone https://github.com/mintlify/mint.git`. Repeat step 3. Try navigating to the root of your device and delete the ~/.mintlify folder. Then run `mintlify dev` again. Curious about what changed in a CLI version? [Check out the CLI changelog.](/changelog/command-line) \*/ "use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = { code: "code", p: "p", pre: "pre", span: "span", strong: "strong", ..._provideComponents(), ...props.components }, {CodeBlock, CodeGroup, Info} = _components; if (!CodeBlock) _missingMdxReference("CodeBlock", true); if (!CodeGroup) _missingMdxReference("CodeGroup", true); if (!Info) _missingMdxReference("Info", true); return _jsxs(_Fragment, { children: [_jsx(Info, { children: _jsxs(_components.p, { children: [_jsx(_components.strong, { children: "Prerequisite" }), ": You must have a React project initialized and zod\ninstalled on it to use Zodaf."] }) }), "\n", _jsx(_components.p, { children: "Step 1. Install Zodaf on your project:" }), "\n", _jsxs(CodeGroup, { children: [_jsx(CodeBlock, { filename: "npm", numberOfLines: "1", language: "shellscript", children: _jsx(_components.pre, { className: "shiki shiki-themes github-light-default dark-plus", style: { backgroundColor: "transparent", "--shiki-dark-bg": "transparent", color: "#1f2328", "--shiki-dark": "#f3f7f6" }, language: "shellscript", children: _jsxs(_components.code, { language: "shellscript", numberOfLines: "1", children: [_jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#953800", "--shiki-dark": "#DCDCAA" }, children: "npm" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " i" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " @zodaf/react" })] }), "\n"] }) }) }), _jsx(CodeBlock, { filename: "pnpm", numberOfLines: "1", language: "shellscript", children: _jsx(_components.pre, { className: "shiki shiki-themes github-light-default dark-plus", style: { backgroundColor: "transparent", "--shiki-dark-bg": "transparent", color: "#1f2328", "--shiki-dark": "#f3f7f6" }, language: "shellscript", children: _jsxs(_components.code, { language: "shellscript", numberOfLines: "1", children: [_jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#953800", "--shiki-dark": "#DCDCAA" }, children: "pnpm" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " i" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " @zodaf/react" })] }), "\n"] }) }) }), _jsx(CodeBlock, { filename: "yarn", numberOfLines: "1", language: "shellscript", children: _jsx(_components.pre, { className: "shiki shiki-themes github-light-default dark-plus", style: { backgroundColor: "transparent", "--shiki-dark-bg": "transparent", color: "#1f2328", "--shiki-dark": "#f3f7f6" }, language: "shellscript", children: _jsxs(_components.code, { language: "shellscript", numberOfLines: "1", children: [_jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#953800", "--shiki-dark": "#DCDCAA" }, children: "yarn" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " add" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " @zodaf/react" })] }), "\n"] }) }) })] }), "\n", _jsx(_components.p, { children: "Step 2. To initialize Zodaf configuration, run the following command:" }), "\n", _jsxs(CodeGroup, { children: [_jsx(CodeBlock, { filename: "npm", numberOfLines: "1", language: "shellscript", children: _jsx(_components.pre, { className: "shiki shiki-themes github-light-default dark-plus", style: { backgroundColor: "transparent", "--shiki-dark-bg": "transparent", color: "#1f2328", "--shiki-dark": "#f3f7f6" }, language: "shellscript", children: _jsxs(_components.code, { language: "shellscript", numberOfLines: "1", children: [_jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#953800", "--shiki-dark": "#DCDCAA" }, children: "npx" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " @zodaf/react" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " init" })] }), "\n"] }) }) }), _jsx(CodeBlock, { filename: "pnpm", numberOfLines: "1", language: "shellscript", children: _jsx(_components.pre, { className: "shiki shiki-themes github-light-default dark-plus", style: { backgroundColor: "transparent", "--shiki-dark-bg": "transparent", color: "#1f2328", "--shiki-dark": "#f3f7f6" }, language: "shellscript", children: _jsxs(_components.code, { language: "shellscript", numberOfLines: "1", children: [_jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#953800", "--shiki-dark": "#DCDCAA" }, children: "pnpm" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " dlx" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " @zodaf/react" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " init" })] }), "\n"] }) }) }), _jsx(CodeBlock, { filename: "yarn", numberOfLines: "1", language: "shellscript", children: _jsx(_components.pre, { className: "shiki shiki-themes github-light-default dark-plus", style: { backgroundColor: "transparent", "--shiki-dark-bg": "transparent", color: "#1f2328", "--shiki-dark": "#f3f7f6" }, language: "shellscript", children: _jsxs(_components.code, { language: "shellscript", numberOfLines: "1", children: [_jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#953800", "--shiki-dark": "#DCDCAA" }, children: "yarn" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " dlx" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " @zodaf/react" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " init" })] }), "\n"] }) }) })] }), "\n", _jsxs(_components.p, { children: ["Your project can now use ", _jsx(_components.code, { children: "Zodaf" }), "."] }), "\n"] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { default: MDXContent }; function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); }

Get Started

Usage

Configuration