(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5405],{75779:function(e,s,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return a(97820)}])},97820:function(e,s,a){"use strict";a.r(s),a.d(s,{default:function(){return q}});var l=a(97458),t=a(97757),r=a(10015),i=a(71933),n=a(39148),d=a.n(n),c=a(52983),o=a(59282),x=a(66917),m=a(28292),h=a.n(m);let p={hidden:{opacity:0},visible:{opacity:1,transition:{when:"beforeChildren",staggerChildren:.12,ease:"linear",duration:.24,type:"tween"}}},g={when:"beforeChildren",staggerChildren:.12,ease:"linear",duration:.24,type:"tween"},u=[{logo:(0,l.jsxs)("svg",{className:"mr-3 h-8 w-8 text-[#17202C] dark:text-slate-200",fill:"currentColor",role:"img",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("title",{children:"Cypress"}),(0,l.jsx)("path",{d:"M11.998 0C5.366 0 0 5.367 0 12a11.992 11.992 0 0 0 12 12c6.633 0 12-5.367 12-12-.001-6.633-5.412-12-12.002-12zM6.37 14.575c.392.523.916.742 1.657.742.35 0 .699-.044 1.004-.175.306-.13.655-.306 1.09-.567l1.223 1.745c-1.003.83-2.138 1.222-3.447 1.222-1.048 0-1.92-.218-2.705-.654a4.393 4.393 0 0 1-1.746-1.92c-.392-.83-.611-1.79-.611-2.925 0-1.09.219-2.094.61-2.923a4.623 4.623 0 0 1 1.748-2.007c.741-.48 1.657-.698 2.661-.698.699 0 1.353.087 1.877.305a5.64 5.64 0 0 1 1.614.96l-1.222 1.658A4.786 4.786 0 0 0 9.12 8.77c-.305-.13-.698-.174-1.048-.174-1.483 0-2.225 1.134-2.225 3.446-.043 1.18.175 2.008.524 2.532H6.37zm12 2.705c-.436 1.353-1.091 2.357-2.008 3.098-.916.743-2.138 1.135-3.665 1.266l-.305-2.05c1.003-.132 1.745-.35 2.225-.7.174-.13.524-.523.524-.523L11.519 6.764h3.01l2.095 8.683 2.226-8.683h2.923L18.37 17.28z"})]}),name:"@nrwl/cypress",url:"/packages/cypress",description:"Cypress is an e2e test runner built for modern web.",isOfficial:!0},{logo:(0,l.jsxs)("svg",{className:"mr-3 h-8 w-8 text-[#646CFF]",fill:"currentColor",role:"img",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("title",{children:"Vite"}),(0,l.jsx)("path",{d:"m8.286 10.578.512-8.657a.306.306 0 0 1 .247-.282L17.377.006a.306.306 0 0 1 .353.385l-1.558 5.403a.306.306 0 0 0 .352.385l2.388-.46a.306.306 0 0 1 .332.438l-6.79 13.55-.123.19a.294.294 0 0 1-.252.14c-.177 0-.35-.152-.305-.369l1.095-5.301a.306.306 0 0 0-.388-.355l-1.433.435a.306.306 0 0 1-.389-.354l.69-3.375a.306.306 0 0 0-.37-.36l-2.32.536a.306.306 0 0 1-.374-.316zm14.976-7.926L17.284 3.74l-.544 1.887 2.077-.4a.8.8 0 0 1 .84.369.8.8 0 0 1 .034.783L12.9 19.93l-.013.025-.015.023-.122.19a.801.801 0 0 1-.672.37.826.826 0 0 1-.634-.302.8.8 0 0 1-.16-.67l1.029-4.981-1.12.34a.81.81 0 0 1-.86-.262.802.802 0 0 1-.165-.67l.63-3.08-2.027.468a.808.808 0 0 1-.768-.233.81.81 0 0 1-.217-.6l.389-6.57-7.44-1.33a.612.612 0 0 0-.64.906L11.58 23.691a.612.612 0 0 0 1.066-.004l11.26-20.135a.612.612 0 0 0-.644-.9z"})]}),name:"@nrwl/vite",url:"/packages/vite",description:"The Nx Plugin for building and testing applications using Vite.",isOfficial:!0},{logo:(0,l.jsxs)("svg",{className:"mr-3 h-8 w-8 text-[#61DAFB]",fill:"currentColor",role:"img",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("title",{children:"React"}),(0,l.jsx)("path",{d:"M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z"})]}),name:"@nrwl/react",url:"/packages/react",description:"Contains executors and generators for managing React applications and libraries within an Nx workspace.",isOfficial:!0},{logo:(0,l.jsxs)("svg",{className:"mr-3 h-8 w-8 text-[#00ADD8]",fill:"currentColor",role:"img",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("title",{children:"Go"}),(0,l.jsx)("path",{d:"M1.811 10.231c-.047 0-.058-.023-.035-.059l.246-.315c.023-.035.081-.058.128-.058h4.172c.046 0 .058.035.035.07l-.199.303c-.023.036-.082.07-.117.07zM.047 11.306c-.047 0-.059-.023-.035-.058l.245-.316c.023-.035.082-.058.129-.058h5.328c.047 0 .07.035.058.07l-.093.28c-.012.047-.058.07-.105.07zm2.828 1.075c-.047 0-.059-.035-.035-.07l.163-.292c.023-.035.07-.07.117-.07h2.337c.047 0 .07.035.07.082l-.023.28c0 .047-.047.082-.082.082zm12.129-2.36c-.736.187-1.239.327-1.963.514-.176.046-.187.058-.34-.117-.174-.199-.303-.327-.548-.444-.737-.362-1.45-.257-2.115.175-.795.514-1.204 1.274-1.192 2.22.011.935.654 1.706 1.577 1.835.795.105 1.46-.175 1.987-.77.105-.13.198-.27.315-.434H10.47c-.245 0-.304-.152-.222-.35.152-.362.432-.97.596-1.274a.315.315 0 01.292-.187h4.253c-.023.316-.023.631-.07.947a4.983 4.983 0 01-.958 2.29c-.841 1.11-1.94 1.8-3.33 1.986-1.145.152-2.209-.07-3.143-.77-.865-.655-1.356-1.52-1.484-2.595-.152-1.274.222-2.419.993-3.424.83-1.086 1.928-1.776 3.272-2.02 1.098-.2 2.15-.07 3.096.571.62.41 1.063.97 1.356 1.648.07.105.023.164-.117.2m3.868 6.461c-1.064-.024-2.034-.328-2.852-1.029a3.665 3.665 0 01-1.262-2.255c-.21-1.32.152-2.489.947-3.529.853-1.122 1.881-1.706 3.272-1.95 1.192-.21 2.314-.095 3.33.595.923.63 1.496 1.484 1.648 2.605.198 1.578-.257 2.863-1.344 3.962-.771.783-1.718 1.273-2.805 1.495-.315.06-.63.07-.934.106zm2.78-4.72c-.011-.153-.011-.27-.034-.387-.21-1.157-1.274-1.81-2.384-1.554-1.087.245-1.788.935-2.045 2.033-.21.912.234 1.835 1.075 2.21.643.28 1.285.244 1.905-.07.923-.48 1.425-1.228 1.484-2.233z"})]}),name:"@nx-go/nx-go",url:"https://github.com/nx-go/nx-go",description:"Nx plugin to use Go in a Nx workspace",isOfficial:!1},{logo:(0,l.jsxs)("svg",{className:"mr-3 h-8 w-8 text-[#FF4785]",fill:"currentColor",role:"img",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("title",{children:"Svelte"}),(0,l.jsx)("path",{d:"M10.354 21.125a4.44 4.44 0 0 1-4.765-1.767 4.109 4.109 0 0 1-.703-3.107 3.898 3.898 0 0 1 .134-.522l.105-.321.287.21a7.21 7.21 0 0 0 2.186 1.092l.208.063-.02.208a1.253 1.253 0 0 0 .226.83 1.337 1.337 0 0 0 1.435.533 1.231 1.231 0 0 0 .343-.15l5.59-3.562a1.164 1.164 0 0 0 .524-.778 1.242 1.242 0 0 0-.211-.937 1.338 1.338 0 0 0-1.435-.533 1.23 1.23 0 0 0-.343.15l-2.133 1.36a4.078 4.078 0 0 1-1.135.499 4.44 4.44 0 0 1-4.765-1.766 4.108 4.108 0 0 1-.702-3.108 3.855 3.855 0 0 1 1.742-2.582l5.589-3.563a4.072 4.072 0 0 1 1.135-.499 4.44 4.44 0 0 1 4.765 1.767 4.109 4.109 0 0 1 .703 3.107 3.943 3.943 0 0 1-.134.522l-.105.321-.286-.21a7.204 7.204 0 0 0-2.187-1.093l-.208-.063.02-.207a1.255 1.255 0 0 0-.226-.831 1.337 1.337 0 0 0-1.435-.532 1.231 1.231 0 0 0-.343.15L8.62 9.368a1.162 1.162 0 0 0-.524.778 1.24 1.24 0 0 0 .211.937 1.338 1.338 0 0 0 1.435.533 1.235 1.235 0 0 0 .344-.151l2.132-1.36a4.067 4.067 0 0 1 1.135-.498 4.44 4.44 0 0 1 4.765 1.766 4.108 4.108 0 0 1 .702 3.108 3.857 3.857 0 0 1-1.742 2.583l-5.589 3.562a4.072 4.072 0 0 1-1.135.499m10.358-17.95C18.484-.015 14.082-.96 10.9 1.068L5.31 4.63a6.412 6.412 0 0 0-2.896 4.295 6.753 6.753 0 0 0 .666 4.336 6.43 6.43 0 0 0-.96 2.396 6.833 6.833 0 0 0 1.168 5.167c2.229 3.19 6.63 4.135 9.812 2.108l5.59-3.562a6.41 6.41 0 0 0 2.896-4.295 6.756 6.756 0 0 0-.665-4.336 6.429 6.429 0 0 0 .958-2.396 6.831 6.831 0 0 0-1.167-5.168Z"})]}),name:"@nxext/svelte",url:"https://nxext.dev/docs/svelte/overview.html",description:"Nx plugin to use Svelte within nx workspaces.",isOfficial:!1},{logo:(0,l.jsxs)("svg",{className:"mr-3 h-8 w-8 text-[#FF4785]",fill:"currentColor",role:"img",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("title",{children:"Storybook"}),(0,l.jsx)("path",{d:"M16.71.243l-.12 2.71a.18.18 0 00.29.15l1.06-.8.9.7a.18.18 0 00.28-.14l-.1-2.76 1.33-.1a1.2 1.2 0 011.279 1.2v21.596a1.2 1.2 0 01-1.26 1.2l-16.096-.72a1.2 1.2 0 01-1.15-1.16l-.75-19.797a1.2 1.2 0 011.13-1.27L16.7.222zM13.64 9.3c0 .47 3.16.24 3.59-.08 0-3.2-1.72-4.89-4.859-4.89-3.15 0-4.899 1.72-4.899 4.29 0 4.45 5.999 4.53 5.999 6.959 0 .7-.32 1.1-1.05 1.1-.96 0-1.35-.49-1.3-2.16 0-.36-3.649-.48-3.769 0-.27 4.03 2.23 5.2 5.099 5.2 2.79 0 4.969-1.49 4.969-4.18 0-4.77-6.099-4.64-6.099-6.999 0-.97.72-1.1 1.13-1.1.45 0 1.25.07 1.19 1.87z"})]}),name:"@nrwl/storybook",url:"/packages/storybook",description:"Storybook is a development environment for UI components.",isOfficial:!0},{logo:(0,l.jsxs)("svg",{className:"mr-3 h-8 w-8 text-[#C21325]",fill:"currentColor",role:"img",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("title",{children:"Jest"}),(0,l.jsx)("path",{d:"M22.251 11.82a3.117 3.117 0 0 0-2.328-3.01L22.911 0H8.104L11.1 8.838a3.116 3.116 0 0 0-2.244 2.988c0 1.043.52 1.967 1.313 2.536a8.279 8.279 0 0 1-1.084 1.244 8.14 8.14 0 0 1-2.55 1.647c-.834-.563-1.195-1.556-.869-2.446a3.11 3.11 0 0 0-.91-6.08 3.117 3.117 0 0 0-3.113 3.113c0 .848.347 1.626.903 2.182-.048.097-.097.195-.146.299-.465.959-.993 2.043-1.195 3.259-.403 2.432.257 4.384 1.849 5.489A5.093 5.093 0 0 0 5.999 24c1.827 0 3.682-.917 5.475-1.807 1.279-.632 2.599-1.292 3.898-1.612.48-.118.98-.187 1.508-.264 1.07-.153 2.175-.312 3.168-.89a4.482 4.482 0 0 0 2.182-3.091c.174-.994 0-1.994-.444-2.87.298-.48.465-1.042.465-1.647zm-1.355 0c0 .965-.785 1.75-1.75 1.75a1.753 1.753 0 0 1-1.085-3.126l.007-.007c.056-.042.118-.084.18-.125 0 0 .008 0 .008-.007.028-.014.055-.035.083-.05.007 0 .014-.006.021-.006.028-.014.063-.028.097-.042.035-.014.07-.027.098-.041.007 0 .013-.007.02-.007.028-.007.056-.021.084-.028.007 0 .02-.007.028-.007.034-.007.062-.014.097-.02h.007l.104-.022c.007 0 .02 0 .028-.007.028 0 .055-.007.083-.007h.035c.035 0 .07-.007.111-.007h.09c.028 0 .05 0 .077.007h.014c.055.007.111.014.167.028a1.766 1.766 0 0 1 1.396 1.723zM10.043 1.39h10.93l-2.509 7.4c-.104.02-.208.055-.312.09l-2.64-5.385-2.648 5.35c-.104-.034-.216-.055-.327-.076l-2.494-7.38zm4.968 9.825a3.083 3.083 0 0 0-.938-1.668l1.438-2.904 1.452 2.967c-.43.43-.743.98-.868 1.605H15.01zm-3.481-1.098c.034-.007.062-.014.097-.02h.02c.029-.008.056-.008.084-.015h.028c.028 0 .049-.007.076-.007h.271c.028 0 .049.007.07.007.014 0 .02 0 .035.007.027.007.048.007.076.014.007 0 .014 0 .028.007l.097.02h.007c.028.008.056.015.083.029.007 0 .014.007.028.007.021.007.049.014.07.027.007 0 .014.007.02.007.028.014.056.021.084.035h.007a.374.374 0 0 1 .09.049h.007c.028.014.056.034.084.048.007 0 .007.007.013.007.028.014.05.035.077.049l.007.007c.083.062.16.132.236.201l.007.007a1.747 1.747 0 0 1 .48 1.209 1.752 1.752 0 0 1-3.502 0 1.742 1.742 0 0 1 1.32-1.695zm-6.838-.049c.966 0 1.751.786 1.751 1.751s-.785 1.751-1.75 1.751-1.752-.785-1.752-1.75.786-1.752 1.751-1.752zm16.163 6.025a3.07 3.07 0 0 1-1.508 2.133c-.758.438-1.689.577-2.669.716a17.29 17.29 0 0 0-1.64.291c-1.445.355-2.834 1.05-4.182 1.717-1.724.854-3.35 1.66-4.857 1.66a3.645 3.645 0 0 1-2.154-.688c-1.529-1.056-1.453-3.036-1.272-4.12.167-1.015.632-1.966 1.077-2.877.028-.055.049-.104.077-.16.152.056.312.098.479.126-.264 1.473.486 2.994 1.946 3.745l.264.139.284-.104c1.216-.431 2.342-1.133 3.336-2.071a9.334 9.334 0 0 0 1.445-1.716c.16.027.32.034.48.034a3.117 3.117 0 0 0 3.008-2.327h1.167a3.109 3.109 0 0 0 3.01 2.327c.576 0 1.11-.16 1.57-.43.18.52.236 1.063.139 1.605z"})]}),name:"@nrwl/jest",url:"/packages/jest",description:"Jest is an open source test runner created by Facebook.",isOfficial:!0},{logo:(0,l.jsxs)("svg",{className:"mr-3 h-8 w-8 text-[#512BD4]",fill:"currentColor",role:"img",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("title",{children:".NET"}),(0,l.jsx)("path",{d:"M24 8.77h-2.468v7.565h-1.425V8.77h-2.462V7.53H24zm-6.852 7.565h-4.821V7.53h4.63v1.24h-3.205v2.494h2.953v1.234h-2.953v2.604h3.396zm-6.708 0H8.882L4.78 9.863a2.896 2.896 0 0 1-.258-.51h-.036c.032.189.048.592.048 1.21v5.772H3.157V7.53h1.659l3.965 6.32c.167.261.275.442.323.54h.024c-.04-.233-.06-.629-.06-1.185V7.529h1.372zm-8.703-.693a.868.829 0 0 1-.869.829.868.829 0 0 1-.868-.83.868.829 0 0 1 .868-.828.868.829 0 0 1 .869.829Z"})]}),name:"nx-dotnet",url:"https://www.nx-dotnet.com/docs/core/",description:"Nx plugin for developing and housing .NET projects within an Nx workspace.",isOfficial:!1},{logo:(0,l.jsxs)("svg",{className:"mr-3 h-8 w-8 text-[#DD0031]",fill:"currentColor",role:"img",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("title",{children:"Angular"}),(0,l.jsx)("path",{d:"M9.931 12.645h4.138l-2.07-4.908m0-7.737L.68 3.982l1.726 14.771L12 24l9.596-5.242L23.32 3.984 11.999.001zm7.064 18.31h-2.638l-1.422-3.503H8.996l-1.422 3.504h-2.64L12 2.65z"})]}),name:"@nrwl/angular",url:"/packages/angular",description:"Integration with libraries such as Storybook, Jest, Cypress, NgRx, Micro-frontend...",isOfficial:!0},{logo:(0,l.jsxs)("svg",{className:"mr-3 h-8 w-8 text-[#2496ED]",fill:"currentColor",role:"img",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("title",{children:"Docker"}),(0,l.jsx)("path",{d:"M13.983 11.078h2.119a.186.186 0 00.186-.185V9.006a.186.186 0 00-.186-.186h-2.119a.185.185 0 00-.185.185v1.888c0 .102.083.185.185.185m-2.954-5.43h2.118a.186.186 0 00.186-.186V3.574a.186.186 0 00-.186-.185h-2.118a.185.185 0 00-.185.185v1.888c0 .102.082.185.185.185m0 2.716h2.118a.187.187 0 00.186-.186V6.29a.186.186 0 00-.186-.185h-2.118a.185.185 0 00-.185.185v1.887c0 .102.082.185.185.186m-2.93 0h2.12a.186.186 0 00.184-.186V6.29a.185.185 0 00-.185-.185H8.1a.185.185 0 00-.185.185v1.887c0 .102.083.185.185.186m-2.964 0h2.119a.186.186 0 00.185-.186V6.29a.185.185 0 00-.185-.185H5.136a.186.186 0 00-.186.185v1.887c0 .102.084.185.186.186m5.893 2.715h2.118a.186.186 0 00.186-.185V9.006a.186.186 0 00-.186-.186h-2.118a.185.185 0 00-.185.185v1.888c0 .102.082.185.185.185m-2.93 0h2.12a.185.185 0 00.184-.185V9.006a.185.185 0 00-.184-.186h-2.12a.185.185 0 00-.184.185v1.888c0 .102.083.185.185.185m-2.964 0h2.119a.185.185 0 00.185-.185V9.006a.185.185 0 00-.184-.186h-2.12a.186.186 0 00-.186.186v1.887c0 .102.084.185.186.185m-2.92 0h2.12a.185.185 0 00.184-.185V9.006a.185.185 0 00-.184-.186h-2.12a.185.185 0 00-.184.185v1.888c0 .102.082.185.185.185M23.763 9.89c-.065-.051-.672-.51-1.954-.51-.338.001-.676.03-1.01.087-.248-1.7-1.653-2.53-1.716-2.566l-.344-.199-.226.327c-.284.438-.49.922-.612 1.43-.23.97-.09 1.882.403 2.661-.595.332-1.55.413-1.744.42H.751a.751.751 0 00-.75.748 11.376 11.376 0 00.692 4.062c.545 1.428 1.355 2.48 2.41 3.124 1.18.723 3.1 1.137 5.275 1.137.983.003 1.963-.086 2.93-.266a12.248 12.248 0 003.823-1.389c.98-.567 1.86-1.288 2.61-2.136 1.252-1.418 1.998-2.997 2.553-4.4h.221c1.372 0 2.215-.549 2.68-1.009.309-.293.55-.65.707-1.046l.098-.288Z"})]}),name:"@nx-tools/nx-docker",url:"https://github.com/gperdomor/nx-tools",description:"Nx plugin to build docker images of your affected apps.",isOfficial:!1}];var f=a(37801),b=a(7622),j=a(88357),w=a(87608),v=a.n(w);let N=[{title:"IDE integrations",panel:function(){let e=[{connectionWidth:"w-96",name:"Generate anything",icon:(0,l.jsx)(f.Z,{className:"h-5 w-5"}),description:"No need to remember the commands and options available. See everything at a glance. Great for exploring.",link:"/recipes/nx-console/console-generate-command"},{connectionWidth:"w-[668px]",name:"Run anything",icon:(0,l.jsx)(b.Z,{className:"h-5 w-5"}),description:"Easy access to your projects and scripts from the context menu, command palette and augmented config files. Perfectly integrated into your flow.",link:"/recipes/nx-console/console-run-command"},{connectionWidth:"w-48",name:"The best companion for Nx",icon:(0,l.jsx)(j.Z,{className:"h-5 w-5"}),description:"The Nx team is obsessed with providing the best possible DX. Nx Console is the culmination of that. Carefully crafted, in constant evolution, always in search of making the life of developers easier.",link:"/core-features/integrate-with-editors"}];return(0,l.jsxs)(x.E.div,{initial:"hidden",variants:p,animate:"visible",transition:g,exit:"hidden",className:"wrapper my-8 grid h-full items-center gap-16 md:grid-cols-2 lg:grid-cols-3",children:[(0,l.jsxs)("div",{className:"lg:col-span-2",children:[(0,l.jsx)("div",{className:"w-full overflow-hidden overflow-hidden rounded-lg rounded-lg border border-slate-200 shadow-lg shadow dark:hidden dark:border-slate-700",children:(0,l.jsx)(h(),{src:"/images/nx-console/vscode-light.webp",alt:"Nx Console app screenshot",loading:"lazy",width:800,height:800})}),(0,l.jsx)("div",{className:"hidden w-full overflow-hidden overflow-hidden rounded-lg rounded-lg border border-slate-200 shadow-lg shadow dark:block dark:border-slate-700",children:(0,l.jsx)(h(),{src:"/images/nx-console/vscode-dark.webp",alt:"Nx Console app screenshot",loading:"lazy",width:800,height:800})})]}),(0,l.jsx)("div",{className:"relative flex flex-col gap-8",children:e.map(e=>(0,l.jsxs)("div",{className:"group relative rounded-lg px-4 py-2 transition hover:bg-slate-100 dark:hover:bg-slate-800/40 sm:flex",children:[(0,l.jsxs)("div",{className:v()("absolute -left-4 hidden -translate-x-full translate-y-12 items-center xl:flex",e.connectionWidth),children:[(0,l.jsxs)("span",{className:"absolute top-0 left-0 -mt-1 -ml-1 flex h-2 w-2",children:[(0,l.jsx)("span",{className:"absolute inline-flex h-full w-full animate-ping rounded-full bg-blue-500 opacity-75 transition dark:bg-sky-500"}),(0,l.jsx)("span",{className:"relative inline-flex h-2 w-2 rounded-full bg-slate-200 transition group-hover:bg-blue-600 group-hover:bg-sky-600 dark:bg-slate-700"})]}),(0,l.jsxs)("span",{className:"absolute top-0 right-0 -mt-1 -mr-1 flex h-2 w-2",children:[(0,l.jsx)("span",{className:"absolute inline-flex h-full w-full animate-ping rounded-full bg-blue-500 opacity-75 transition dark:bg-sky-500"}),(0,l.jsx)("span",{className:"relative inline-flex h-2 w-2 rounded-full bg-slate-200 transition group-hover:bg-blue-600 group-hover:bg-sky-600 dark:bg-slate-700"})]}),(0,l.jsx)("div",{className:"-m-0.5 h-0.5 w-full bg-slate-200 transition group-hover:bg-blue-500 dark:bg-slate-700 dark:group-hover:bg-sky-500"})]}),(0,l.jsx)("div",{className:"sm:flex-shrink-0",children:(0,l.jsx)("div",{className:"flow-root",children:e.icon})}),(0,l.jsxs)("div",{className:"mt-3 sm:mt-0 sm:ml-3",children:[(0,l.jsx)("h3",{className:"text-sm font-medium",children:e.name}),(0,l.jsxs)(d(),{href:e.link,children:[(0,l.jsx)("span",{className:"absolute inset-0","aria-hidden":"true"}),(0,l.jsx)("p",{className:"mt-2 text-sm text-slate-500",children:e.description})]})]})]},e.name))})]})}},{title:"Interactive graph",panel:function(){return(0,l.jsxs)(x.E.div,{initial:"hidden",variants:p,animate:"visible",transition:g,exit:"hidden",className:"wrapper relative my-8 flex h-full flex-col items-center space-y-12 overflow-hidden lg:flex-row",children:[(0,l.jsxs)("div",{className:"coding z-10 w-96 shrink-0 grow-0 overflow-hidden rounded-lg border border-slate-200 bg-slate-50 p-4 font-mono text-xs leading-normal text-slate-800 subpixel-antialiased shadow-lg dark:border-slate-700 dark:bg-slate-800 dark:text-slate-200",children:[(0,l.jsxs)("div",{className:"flex items-center",children:[(0,l.jsxs)("p",{children:[(0,l.jsx)("span",{className:"text-base text-purple-600 dark:text-fuchsia-500",children:"→"})," ",(0,l.jsx)("span",{className:"mx-1 text-green-600 dark:text-green-400",children:"~/workspace"})," ",(0,l.jsx)("span",{children:"$"})]}),(0,l.jsx)("p",{className:"typing mt-0.5 flex-1 pl-2",children:"nx graph"})]}),(0,l.jsx)("div",{className:"mt-2 flex",children:(0,l.jsxs)("p",{className:"typing flex-1 items-center",children:[(0,l.jsx)("span",{className:"bg-yellow-300 px-1 py-0.5 dark:bg-yellow-600",children:"Nx"})," ","Project graph started at"," ",(0,l.jsx)("span",{className:"underline",children:"http://127.0.0.1:4211"}),(0,l.jsx)("br",{})]})})]}),(0,l.jsxs)("div",{className:"relative -top-5 mr-0.5 hidden grow items-center lg:flex",children:[(0,l.jsxs)("span",{className:"absolute top-0 left-0 -mt-1 -ml-1 flex h-2 w-2",children:[(0,l.jsx)("span",{className:"absolute inline-flex h-full w-full animate-ping rounded-full bg-blue-500 opacity-75 dark:bg-sky-500"}),(0,l.jsx)("span",{className:"relative inline-flex h-2 w-2 rounded-full bg-slate-200 dark:bg-slate-700"})]}),(0,l.jsxs)("span",{className:"absolute top-0 right-0 -mt-1 -mr-1 flex h-2 w-2",children:[(0,l.jsx)("span",{className:"absolute inline-flex h-full w-full animate-ping rounded-full bg-blue-500 opacity-75 dark:bg-sky-500"}),(0,l.jsx)("span",{className:"relative inline-flex h-2 w-2 rounded-full bg-slate-200 dark:bg-slate-700"})]}),(0,l.jsx)("div",{className:"-m-0.5 h-0.5 w-full bg-slate-200 dark:bg-slate-700"})]}),(0,l.jsxs)("div",{className:"z-10 h-auto overflow-hidden rounded-lg border border-slate-200 shadow dark:border-slate-700 lg:min-h-[485px] lg:w-[690px]",children:[(0,l.jsxs)("div",{className:"flex h-7 w-full items-center justify-start space-x-1.5 bg-slate-200 px-3 dark:bg-slate-700",children:[(0,l.jsx)("span",{className:"h-2 w-2 rounded-full bg-red-400"}),(0,l.jsx)("span",{className:"h-2 w-2 rounded-full bg-yellow-400"}),(0,l.jsx)("span",{className:"h-2 w-2 rounded-full bg-green-400"})]}),(0,l.jsx)("div",{className:"w-full bg-transparent dark:hidden",children:(0,l.jsxs)("video",{preload:"true",autoPlay:!0,loop:!0,muted:!0,playsInline:!0,children:[(0,l.jsx)("source",{src:"/videos/light.webm",type:"video/webm"}),(0,l.jsx)("source",{src:"/videos/light.mp4",type:"video/mp4"})]})}),(0,l.jsx)("div",{className:"hidden w-full bg-slate-700 dark:flex",children:(0,l.jsxs)("video",{preload:"true",autoPlay:!0,loop:!0,muted:!0,playsInline:!0,children:[(0,l.jsx)("source",{src:"/videos/dark.webm",type:"video/webm"}),(0,l.jsx)("source",{src:"/videos/dark.mp4",type:"video/mp4"})]})})]})]})}},{title:"GitHub integration",panel:function(){return(0,l.jsxs)(x.E.div,{initial:"hidden",variants:p,animate:"visible",transition:g,exit:"hidden",className:"wrapper my-8 grid h-full gap-12 md:grid-cols-2 lg:grid-cols-3",children:[(0,l.jsxs)("div",{className:"relative flex flex-col space-y-12 md:space-y-0",children:[(0,l.jsxs)("div",{className:"coding z-10 rounded-lg border border-slate-200 bg-slate-50 p-4 font-mono text-xs leading-normal text-slate-800 subpixel-antialiased shadow-lg dark:border-slate-700 dark:bg-slate-800 dark:text-slate-200",children:[(0,l.jsxs)("div",{className:"flex items-center",children:[(0,l.jsxs)("p",{children:[(0,l.jsx)("span",{className:"text-base text-purple-600 dark:text-fuchsia-500",children:"→"})," ",(0,l.jsx)("span",{className:"mx-1 text-green-600 dark:text-green-400",children:"~/workspace"})," ",(0,l.jsx)("span",{children:"$"})]}),(0,l.jsx)("p",{className:"typing mt-0.5 flex-1 pl-2",children:"nx connect-to-nx-cloud"})]}),(0,l.jsx)("div",{className:"mt-2 flex",children:(0,l.jsxs)("p",{className:"typing flex-1 animate-pulse items-center space-x-0.5",children:[(0,l.jsx)("span",{className:"inline-flex h-5 w-2 bg-slate-300 dark:bg-slate-700"}),(0,l.jsx)("span",{className:"inline-flex h-5 w-2 bg-slate-300 dark:bg-slate-700"}),(0,l.jsx)("span",{className:"inline-flex h-5 w-2 bg-slate-300 dark:bg-slate-700"}),(0,l.jsx)("span",{className:"inline-flex h-5 w-2 bg-slate-300 dark:bg-slate-700"}),(0,l.jsx)("span",{className:"inline-flex h-5 w-2 bg-slate-200 dark:bg-slate-700"}),(0,l.jsx)("span",{className:"inline-flex h-5 w-2 bg-slate-200 dark:bg-slate-700"}),(0,l.jsx)("span",{className:"inline-flex h-5 w-2 bg-slate-200 dark:bg-slate-700"}),(0,l.jsx)("span",{className:"inline-flex h-5 w-2 bg-slate-200 dark:bg-slate-700"})]})})]}),(0,l.jsxs)("div",{className:"absolute right-0 hidden w-48 translate-x-full translate-y-12 items-center md:flex",children:[(0,l.jsxs)("span",{className:"absolute top-0 left-0 -mt-1 -ml-1 flex h-2 w-2",children:[(0,l.jsx)("span",{className:"absolute inline-flex h-full w-full animate-ping rounded-full bg-blue-500 opacity-75 dark:bg-sky-500"}),(0,l.jsx)("span",{className:"relative inline-flex h-2 w-2 rounded-full bg-slate-200 dark:bg-slate-700"})]}),(0,l.jsxs)("span",{className:"absolute top-0 right-0 -mt-1 -mr-1 flex h-2 w-2",children:[(0,l.jsx)("span",{className:"absolute inline-flex h-full w-full animate-ping rounded-full bg-blue-500 opacity-75 dark:bg-sky-500"}),(0,l.jsx)("span",{className:"relative inline-flex h-2 w-2 rounded-full bg-slate-200 dark:bg-slate-700"})]}),(0,l.jsx)("div",{className:"-m-0.5 h-0.5 w-full bg-slate-200 dark:bg-slate-700"})]}),(0,l.jsxs)("div",{className:"relative hidden grow flex-col justify-center md:flex",children:[(0,l.jsxs)("span",{className:"relative m-auto flex h-2 w-2",children:[(0,l.jsx)("span",{className:"absolute inline-flex h-full w-full animate-ping rounded-full bg-blue-500 opacity-75 dark:bg-sky-500"}),(0,l.jsx)("span",{className:"relative inline-flex h-2 w-2 rounded-full bg-slate-200 dark:bg-slate-700"})]}),(0,l.jsx)("div",{className:"m-auto h-32 w-0.5 bg-slate-200 dark:bg-slate-700"}),(0,l.jsxs)("span",{className:"relative m-auto flex h-2 w-2",children:[(0,l.jsx)("span",{className:"absolute inline-flex h-full w-full animate-ping rounded-full bg-blue-500 opacity-75 dark:bg-sky-500"}),(0,l.jsx)("span",{className:"relative inline-flex h-2 w-2 rounded-full bg-slate-200 dark:bg-slate-700"})]}),(0,l.jsxs)("div",{className:"absolute inset-x-0 bottom-0 flex items-center justify-between px-2 text-slate-500 opacity-80",children:[(0,l.jsxs)("div",{className:"flex",children:[(0,l.jsx)(o.Z,{className:"h-4 w-4"}),(0,l.jsx)("span",{className:"ml-2 text-xs font-medium",children:"GitHub Marketplace"})]}),(0,l.jsxs)("svg",{className:"h-10 w-10 translate-x-6 translate-y-2 rotate-12 text-slate-400",role:"img",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",children:[(0,l.jsx)("title",{children:"GitHub"}),(0,l.jsx)("path",{d:"M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"})]})]})]}),(0,l.jsxs)("div",{className:"relative z-10 flex space-x-4 overflow-hidden rounded-lg rounded-t-none border border-slate-200 bg-white py-5 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:shadow-md dark:border-slate-700 dark:bg-slate-800",children:[(0,l.jsx)("div",{className:"absolute inset-x-0 top-0 h-1 w-full bg-blue-500 dark:bg-sky-500"}),(0,l.jsx)("div",{className:"flex-shrink-0",children:(0,l.jsxs)("svg",{id:"nx-cloud-header-logo",role:"img",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor",fill:"transparent",viewBox:"0 0 24 24",className:"h-10 w-10",children:[(0,l.jsx)("path",{strokeWidth:"2",d:"M23 3.75V6.5c-3.036 0-5.5 2.464-5.5 5.5s-2.464 5.5-5.5 5.5-5.5 2.464-5.5 5.5H3.75C2.232 23 1 21.768 1 20.25V3.75C1 2.232 2.232 1 3.75 1h16.5C21.768 1 23 2.232 23 3.75Z",id:"nx-cloud-header-logo-stroke-1"}),(0,l.jsx)("path",{strokeWidth:"2",d:"M23 6v14.1667C23 21.7307 21.7307 23 20.1667 23H6c0-3.128 2.53867-5.6667 5.6667-5.6667 3.128 0 5.6666-2.5386 5.6666-5.6666C17.3333 8.53867 19.872 6 23 6Z",id:"nx-cloud-header-logo-stroke-2"})]})}),(0,l.jsx)("div",{className:"min-w-0 flex-1",children:(0,l.jsxs)("a",{href:"https://github.com/marketplace/official-nx-cloud-app",target:"_blank",rel:"noreferrer",className:"focus:outline-none",children:[(0,l.jsx)("span",{className:"absolute inset-0","aria-hidden":"true"}),(0,l.jsx)("p",{className:"text-sm font-medium text-slate-900 dark:text-slate-300",children:"Official Nx Cloud App"}),(0,l.jsx)("p",{className:"text-sm text-slate-700 dark:text-slate-400",children:"By nrwl"}),(0,l.jsx)("p",{className:"mt-2 text-sm text-slate-700 dark:text-slate-400",children:"The Nx Cloud GitHub App lets you access the result of every run — with all its logs and build insights — straight from your PR."})]})})]}),(0,l.jsxs)("div",{className:"absolute bottom-80 right-0 hidden w-24 translate-x-full translate-y-12 items-center md:flex",children:[(0,l.jsxs)("span",{className:"absolute top-0 left-0 -mt-1 -ml-1 flex h-2 w-2",children:[(0,l.jsx)("span",{className:"absolute inline-flex h-full w-full animate-ping rounded-full bg-blue-500 opacity-75 dark:bg-sky-500"}),(0,l.jsx)("span",{className:"relative inline-flex h-2 w-2 rounded-full bg-slate-200 dark:bg-slate-700"})]}),(0,l.jsxs)("span",{className:"absolute top-0 right-0 -mt-1 -mr-1 flex h-2 w-2",children:[(0,l.jsx)("span",{className:"absolute inline-flex h-full w-full animate-ping rounded-full bg-blue-500 opacity-75 dark:bg-sky-500"}),(0,l.jsx)("span",{className:"relative inline-flex h-2 w-2 rounded-full bg-slate-200 dark:bg-slate-700"})]}),(0,l.jsx)("div",{className:"-m-0.5 h-0.5 w-full bg-slate-200 dark:bg-slate-700"})]}),(0,l.jsx)("div",{className:"spacer h-56"})]}),(0,l.jsxs)("div",{"aria-hidden":"true",className:"relative hidden px-4 pr-6 md:flex lg:col-span-2 lg:h-full lg:px-0",children:[(0,l.jsx)("div",{className:"absolute -top-28 left-36 mx-auto h-[510px] w-full w-auto max-w-none overflow-hidden rounded-xl border border-slate-200 shadow-xl dark:border-slate-700",children:(0,l.jsx)(h(),{src:"/images/nx-cloud.webp",alt:"Nx Cloud app",loading:"lazy",width:715,height:510})}),(0,l.jsx)("div",{className:"absolute left-12 -bottom-2 mx-auto flex w-full w-auto max-w-none overflow-hidden rounded-xl border border-slate-200 shadow-xl",children:(0,l.jsx)(h(),{src:"/images/github-nxcloud.webp",alt:"Nx Cloud GitHub app",loading:"lazy",width:715,height:510})})]})]})}},{title:"Plugins",panel:function(){return(0,l.jsxs)(x.E.div,{className:"wrapper my-8 grid h-full gap-12 md:grid-cols-2 lg:grid-cols-3",children:[(0,l.jsxs)("div",{className:"flex flex-col",children:[(0,l.jsxs)("div",{className:"mb-8",children:[(0,l.jsx)("h3",{className:"text-xl font-medium leading-6 text-blue-500 dark:text-sky-500",children:"Plugins available for all stacks"}),(0,l.jsxs)("p",{className:"mt-4 text-slate-900 dark:text-slate-400",children:["Official Nx plugins are created and maintained by the Nx team. You can see all the available plugins when you run the"," ",(0,l.jsx)("code",{className:"break-normal rounded-md border border-slate-200 bg-slate-50 px-2 py-1 font-mono text-xs text-slate-800 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-200",children:"nx list"})," ","command in your workspace."]})]}),(0,l.jsxs)("div",{className:"coding rounded-lg border border-slate-200 bg-slate-50 p-4 font-mono text-xs leading-normal text-slate-800 subpixel-antialiased shadow-lg dark:border-slate-700 dark:bg-slate-800 dark:text-slate-200",children:[(0,l.jsxs)("div",{className:"flex items-center",children:[(0,l.jsxs)("p",{children:[(0,l.jsx)("span",{className:"text-base text-purple-600 dark:text-fuchsia-500",children:"→"})," ",(0,l.jsx)("span",{className:"mx-1 text-green-600 dark:text-green-400",children:"~/workspace"})," ",(0,l.jsx)("span",{children:"$"})]}),(0,l.jsx)("p",{className:"typing mt-0.5 flex-1 pl-2",children:"nx list"})]}),(0,l.jsx)("div",{className:"mt-2 flex",children:(0,l.jsxs)("p",{className:"typing flex-1 items-center",children:[(0,l.jsx)("span",{className:"bg-yellow-300 px-1 py-0.5 dark:bg-yellow-600",children:"NX"})," ","Local workspace plugins: ",(0,l.jsx)("br",{}),(0,l.jsx)("br",{}),"@nrwl/react-native (executors,generators) ",(0,l.jsx)("br",{}),"@nrwl/jest (executors,generators) ",(0,l.jsx)("br",{}),"@nrwl/storybook (executors,generators)",(0,l.jsx)("br",{}),(0,l.jsx)("br",{}),(0,l.jsx)("span",{className:"bg-yellow-300 px-1 py-0.5 dark:bg-yellow-600",children:"NX"})," ","Installed plugins: ",(0,l.jsx)("br",{}),(0,l.jsx)("br",{}),"@nrwl/js (executors,generators) ",(0,l.jsx)("br",{}),"@nrwl/linter (executors,generators) ",(0,l.jsx)("br",{}),"@nrwl/next (executors,generators)",(0,l.jsx)("br",{}),(0,l.jsx)("br",{}),(0,l.jsx)("span",{className:"bg-yellow-300 px-1 py-0.5 dark:bg-yellow-600",children:"NX"})," ","Also available: ",(0,l.jsx)("br",{}),(0,l.jsx)("br",{}),"@nrwl/nest (executors,generators) ",(0,l.jsx)("br",{}),"@nrwl/node (executors,generators) ",(0,l.jsx)("br",{}),"@nrwl/express (executors,generators)",(0,l.jsx)("br",{}),(0,l.jsx)("br",{}),(0,l.jsx)("span",{className:"bg-yellow-300 px-1 py-0.5 dark:bg-yellow-600",children:"NX"})," ","Community plugins: ",(0,l.jsx)("br",{}),(0,l.jsx)("br",{}),"@nxext/svelte ",(0,l.jsx)("br",{}),"@nx-tools/nx-docker ",(0,l.jsx)("br",{}),"@nx-plus/docusaurus ",(0,l.jsx)("br",{})]})})]})]}),(0,l.jsx)("div",{className:"flex flex-col space-y-4",children:u.slice(0,5).map(e=>(0,l.jsx)("div",{className:"relative flex w-full overflow-hidden rounded-lg border border-slate-200 bg-white shadow-sm transition focus-within:ring-2 focus-within:ring-blue-500 focus-within:ring-offset-2 hover:shadow-md dark:border-slate-700 dark:bg-slate-800 dark:focus-within:ring-sky-500",children:(0,l.jsxs)("div",{className:"flex w-full flex-col px-4 py-3",children:[(0,l.jsxs)("h3",{className:"mb-4 flex text-lg font-semibold leading-tight dark:text-slate-300",children:[e.logo,e.name]}),(0,l.jsxs)("a",{href:e.url,target:"_blank",rel:"noreferrer",title:e.name,className:"focus:outline-none",children:[(0,l.jsx)("span",{className:"absolute inset-0","aria-hidden":"true"}),(0,l.jsx)("p",{className:"mb-8 sm:text-sm",children:e.description}),e.isOfficial?(0,l.jsx)("span",{title:"Official plugins are maintained by the Nx Team",className:"absolute bottom-3 right-4 rounded-full border border-slate-200 bg-slate-50 px-3 py-0.5 text-xs font-medium capitalize dark:border-slate-700 dark:bg-slate-800",children:"Official"}):(0,l.jsx)("span",{title:"Community plugins are maintained by their community members",className:"absolute bottom-3 right-4 rounded-full border border-slate-200 bg-slate-50 px-3 py-0.5 text-xs font-medium capitalize dark:border-slate-700 dark:bg-slate-800",children:"Community"})]})]})}))}),(0,l.jsx)("div",{className:"hidden flex-col space-y-4 lg:flex",children:u.slice(5).map(e=>(0,l.jsx)("div",{className:"relative flex w-full overflow-hidden rounded-lg border border-slate-200 bg-white shadow-sm transition focus-within:ring-2 focus-within:ring-blue-500 focus-within:ring-offset-2 hover:shadow-md dark:border-slate-700 dark:bg-slate-800 dark:focus-within:ring-sky-500",children:(0,l.jsxs)("div",{className:"flex w-full flex-col px-4 py-3",children:[(0,l.jsxs)("h3",{className:"mb-4 flex text-lg font-semibold leading-tight dark:text-slate-300",children:[e.logo,e.name]}),(0,l.jsxs)("a",{href:e.url,target:"_blank",rel:"noreferrer",title:e.name,className:"focus:outline-none",children:[(0,l.jsx)("span",{className:"absolute inset-0","aria-hidden":"true"}),(0,l.jsx)("p",{className:"mb-8 sm:text-sm",children:e.description}),e.isOfficial?(0,l.jsx)("span",{title:"Official plugins are maintained by the Nx Team",className:"absolute bottom-3 right-4 rounded-full border border-slate-200 bg-slate-50 px-3 py-0.5 text-xs font-medium capitalize dark:border-slate-700 dark:bg-slate-800",children:"Official"}):(0,l.jsx)("span",{title:"Community plugins are maintained by their community members",className:"absolute bottom-3 right-4 rounded-full border border-slate-200 bg-slate-50 px-3 py-0.5 text-xs font-medium capitalize dark:border-slate-700 dark:bg-slate-800",children:"Community"})]})]})}))})]})}}];function y(){return(0,l.jsxs)("article",{id:"extensible-and-integrated",className:"overflow-hidden bg-slate-50 pt-28 dark:bg-slate-800/40",children:[(0,l.jsxs)("div",{className:"mx-auto max-w-7xl py-12 px-4 sm:px-6 lg:py-16 lg:px-8",children:[(0,l.jsxs)("header",{className:"max-w-2xl",children:[(0,l.jsx)(t.OT,{as:"h1",variant:"title",id:"extensible-and-integrated",children:"Integrated developer experience"}),(0,l.jsx)(t.OT,{as:"p",variant:"display",id:"nx-is-fast",className:"mt-4",children:"Everything is just a click away"})]}),(0,l.jsxs)("div",{className:"mt-8 flex flex-col gap-16 font-normal md:flex-row",children:[(0,l.jsxs)("p",{className:"max-w-xl text-lg text-slate-700 dark:text-slate-400",children:["No need to browse the docs to find the right commands to run."," ",(0,l.jsx)("span",{className:"font-medium",children:"Stay in the flow!"})," Augment your editor with Nx Console, a dedicated extension available for"," ",(0,l.jsx)(d(),{href:"/core-features/integrate-with-editors",title:"Install VSCode's native extension for Nx",className:"font-medium text-blue-500 dark:text-sky-500",children:"VSCode"})," ",","," ",(0,l.jsx)(d(),{href:"/core-features/integrate-with-editors",className:"font-medium text-blue-500 dark:text-sky-500",title:"Install JetBrains' native plugin for Nx",children:"JetBrains"})," ","and"," ",(0,l.jsx)(d(),{href:"/core-features/integrate-with-editors#neovim",className:"font-medium text-blue-500 dark:text-sky-500",children:"Neovim"}),". Generating a new library, running e2e tests, building your app - everything just a click away."]}),(0,l.jsxs)("p",{className:"max-w-xl text-lg text-slate-700 dark:text-slate-400",children:["Debug and understand your workspace with the built-in"," ",(0,l.jsx)("code",{children:"nx graph"})," capabilities! Also,"," ",(0,l.jsx)("span",{className:"font-medium",children:"give yourself a treat by enabling the Nx Cloud GitHub integration"}),". Most CI interfaces are a struggle to work with and they are not made for monorepos. The"," ",(0,l.jsx)(d(),{href:"https://nx.app/?utm_source=nx.dev",title:"Nx Cloud: Distributed Task execution & Caching",className:"font-medium text-blue-500 dark:text-sky-500",target:"_blank",rel:"noreferrer",children:"Nx Cloud"})," ","integration takes care of that, presenting what matters most in an awesome visual way."]})]})]}),(0,l.jsx)("div",{className:"relative mx-auto max-w-7xl px-4 pt-6 pb-12 sm:px-6 lg:px-8 lg:pb-4 lg:pt-6",children:(0,l.jsxs)(r.O.Group,{children:[(0,l.jsx)(r.O.List,{children:(0,l.jsx)("div",{className:"flex justify-between space-x-4 md:justify-start",children:N.map(e=>(0,l.jsx)(r.O,{as:c.Fragment,children:s=>{let{selected:a}=s;return(0,l.jsx)(t.zx,{variant:a?"primary":"secondary",size:"small",children:e.title})}},"tab-"+e.title))})}),(0,l.jsx)(r.O.Panels,{children:(0,l.jsx)(i.M,{children:N.map(e=>(0,l.jsx)(r.O.Panel,{children:e.panel},"panel-"+e.title))})})]})})]})}function k(){return(0,l.jsx)("article",{id:"getting-started",className:"border-t border-b border-slate-200 bg-gradient-to-r from-cyan-500 to-blue-500 shadow-inner dark:border-slate-700",children:(0,l.jsxs)("div",{className:"mx-auto max-w-7xl py-12 px-4 sm:px-6 lg:flex lg:items-center lg:justify-between lg:py-24 lg:px-8",children:[(0,l.jsx)("div",{children:(0,l.jsxs)("h2",{className:"text-3xl font-bold tracking-tight text-slate-900 md:text-4xl",children:[(0,l.jsx)("span",{className:"block",children:"Ready to dive in?"}),(0,l.jsx)("span",{className:"block text-white",children:"Start your monorepo now with Nx."})]})}),(0,l.jsx)("div",{className:"mt-8 flex lg:mt-0 lg:flex-shrink-0",children:(0,l.jsx)("div",{className:"inline-flex rounded-md",children:(0,l.jsx)(t.ZP,{href:"/getting-started/intro",title:"Start using Nx by creating a workspace",variant:"secondary",size:"large",children:"Get started now!"})})})]})})}var z=a(26594),C=a(453),M=a(46643),D=a(17434);function T(){let[e,s]=(0,c.useState)(!1);return(0,c.useEffect)(()=>{let a;return e&&(a=setTimeout(()=>{s(!1)},3e3)),()=>{a&&clearTimeout(a)}},[e]),(0,l.jsx)("header",{className:"bg-contain bg-fixed bg-clip-border bg-center bg-no-repeat bg-origin-border lg:bg-local",style:{backgroundImage:"url(/images/background/waves-background.svg)"},children:(0,l.jsx)("div",{className:"mx-auto max-w-7xl py-12 px-4 sm:px-6 lg:py-16 lg:px-8",children:(0,l.jsx)("div",{className:"flex flex-col items-center justify-center",children:(0,l.jsxs)("div",{className:"flex w-full flex-col",children:[(0,l.jsxs)("h1",{className:"mb-12 text-5xl font-extrabold leading-none tracking-tight text-black drop-shadow dark:text-white sm:mt-6 sm:text-7xl lg:font-black lg:leading-tight","data-cy":"primary-heading",children:[(0,l.jsxs)("span",{className:"block",children:[(0,l.jsx)("span",{className:"rounded-lg bg-gradient-to-r from-cyan-500 to-blue-500 bg-clip-text text-transparent",children:"Smart"}),", Fast"]}),(0,l.jsx)("span",{className:"block",children:"Extensible"}),(0,l.jsx)("span",{className:"rounded-lg bg-gradient-to-r from-pink-500 to-fuchsia-500 bg-clip-text text-transparent",children:"Build System"})]}),(0,l.jsx)("h2",{className:"mb-16 max-w-2xl py-3 text-2xl font-semibold drop-shadow dark:text-slate-100 sm:mb-11",children:"Next generation build system with first class monorepo support and powerful integrations."}),(0,l.jsxs)("div",{className:"flex flex-wrap space-y-4 sm:space-y-0 sm:space-x-4",children:[(0,l.jsx)(t.ZP,{href:"/getting-started/intro",variant:"primary",size:"large",title:"Start using Nx by creating a workspace",children:"Get started"}),(0,l.jsx)(D.CopyToClipboard,{text:"npx create-nx-workspace@latest",onCopy:()=>{s(!0)},children:(0,l.jsxs)("button",{title:"Create an Nx workspace",className:"group relative flex w-full items-center rounded-lg border border-slate-200 bg-white py-3 px-6 text-lg font-semibold leading-6 transition hover:bg-slate-100 focus:ring-2 focus:ring-offset-2 focus:ring-offset-white dark:border-slate-700 dark:bg-slate-800 dark:text-white dark:hover:bg-slate-700 sm:w-auto",children:[(0,l.jsx)("span",{className:"absolute top-1 right-1 flex opacity-0 transition-opacity group-hover:opacity-100",children:e?(0,l.jsx)(z.Z,{className:"h-4 w-4"}):(0,l.jsx)(C.Z,{className:"h-4 w-4"})}),(0,l.jsx)(M.Z,{"aria-hidden":"true",className:"font-input-mono mr-2 h-5 w-5 text-blue-500 dark:text-sky-500"}),"npx create-nx-workspace"]})})]})]})})})})}function O(){return(0,l.jsx)("div",{className:"bg-white dark:bg-slate-900",children:(0,l.jsx)("div",{className:"mx-auto max-w-7xl px-4 pb-12 sm:px-6 lg:px-8 lg:pb-16",children:(0,l.jsxs)("div",{className:"mt-6 grid grid-cols-2 gap-0.5 md:grid-cols-4 lg:mt-8",children:[(0,l.jsx)("div",{className:"col-span-1 flex items-center justify-center py-8 px-8",children:(0,l.jsxs)("svg",{role:"img",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",className:"h-28 w-28 text-[#0071CE] dark:text-slate-600",children:[(0,l.jsx)("title",{children:"Walmart"}),(0,l.jsx)("path",{d:"M21.41818 9.10219c-.22048 0-.39583.12308-.39583.27297l.13393 1.51627c.01478.09132.12669.16185.26197.16185.13555-.00017.24705-.07065.26214-.16185l.13424-1.51627c0-.1499-.17555-.27297-.39645-.27297zM-.00002 10.3184s.59713 2.44699.69242 2.84417c.11123.46362.3117.63419.88954.51913l.37291-1.51718c.0945-.37683.1579-.64553.21866-1.02883h.01065c.04269.3871.10354.65314.18131 1.03017 0 0 .15176.68869.22949 1.05042.07795.36163.29482.5895.86083.46542l.88851-3.3633h-.71735l-.30339 1.45411c-.08155.42325-.15544.75396-.21251 1.14117h-.01022c-.05189-.38347-.11777-.70096-.20072-1.11331l-.31586-1.48197h-.7474l-.3378 1.44462c-.09569.43899-.18528.79337-.2422 1.16745h-.01023c-.05832-.35224-.13599-.7977-.22006-1.22261 0 0-.20074-1.03328-.27115-1.38946zm6.83845 0v3.3633h.68299v-3.3633zm9.6188 0v2.48118c0 .34202.0644.5817.20213.72811.12033.12806.31854.21094.55604.21094.20193 0 .40062-.0383.49426-.07317l-.0088-.53367c-.06968.01711-.1498.03078-.25942.03078-.23265 0-.31068-.149-.31068-.45611v-.94921h.59479v-.64351h-.59481v-.79533zm2.77885 0c-.11446.0027-.24452.08936-.32723.23277-.11062.19096-.09105.40434.03838.47923l1.3799.64254c.0862.03205.20323-.02912.27103-.14597.06814-.11745.0629-.2496-.0088-.3082l-1.24635-.8741c-.03237-.01874-.06877-.02717-.10693-.02627zm4.36427 0c-.03815-.0009-.0745.0075-.1068.02628l-1.2464.8741c-.07112.05846-.07653.1901-.0092.30734.00006.00013.00015.00023.00025.00036.00009.00016.00015.00033.00024.00049.06804.11686.18472.17803.27091.14598l1.38004-.64254c.12997-.0749.14861-.28827.03874-.47923-.08309-.1434-.21333-.23006-.32777-.23277zM5.312 11.0981c-.42444 0-.76136.11916-.94501.22529l.13442.46019c.16808-.10595.43566-.19366.68907-.19366.41954-.0011.48817.23728.48817.39012v.03613c-.9142-.0014-1.49164.31493-1.49164.9598 0 .3937.29399.76266.80512.76266.31466 0 .57778-.12554.73548-.32662h.01545s.10445.4367.67982.26969c-.03022-.18174-.04002-.37546-.04002-.60884v-.89849c0-.57263-.24452-1.07627-1.07086-1.07627zm4.08552 0c-.42739 0-.61944.2166-.7359.40034h-.01016v-.34335h-.65173v2.5266h.68658V12.2c0-.06945.00799-.1429.03223-.2068.05689-.1492.19565-.3237.41725-.3237.27704 0 .40667.2342.40667.57222v1.44h.68585v-1.4996c0-.06636.0091-.14622.02859-.20486.05639-.16969.20602-.30776.41201-.30776.28086 0 .41567.23012.41567.62788v1.38434h.68633v-1.48805c0-.78478-.39845-1.09555-.8483-1.09555-.19922 0-.35646.04996-.49863.13722-.1195.07334-.22655.17753-.32006.3147h-.0101c-.10853-.27228-.36375-.45192-.6963-.45192zm3.7702 0c-.42435 0-.76113.11916-.94495.22529l.13454.46019c.16792-.10595.43572-.19366.689-.19366.41926-.0011.48806.23728.48806.39012v.03613c-.91407-.0014-1.49164.31494-1.49164.9598 0 .3937.29418.76266.8056.76266.31441 0 .57759-.12554.735-.32662h.01557s.10437.4367.67982.26969c-.03027-.18174-.03996-.37546-.03996-.60884v-.89849c0-.57263-.24458-1.07627-1.07104-1.07627zm2.85129 0c-.26292 0-.56205.1697-.68761.53354h-.0191v-.47655h-.6181v2.5266h.70453V12.388c0-.06985.0042-.1307.01527-.1865.0521-.27102.25945-.44425.55696-.44425.08167 0 .1401.0088.20333.018v-.66151c-.05302-.0107-.0893-.01563-.15528-.01563zm4.35946 1.22067c-.01785-.00025-.03513.0026-.05134.0087l-1.3799.6418c-.12943.07519-.149.28868-.03838.47984.11028.1906.30469.28118.43415.20644l1.24634-.87349c.0717-.05929.07696-.19127.0088-.30862l.0006.00025c-.05507-.09558-.14292-.15388-.22027-.15492zm2.07955 0c-.07727.001-.1649.05934-.22012.15491l.00049-.00025c-.06781.11735-.06254.24934.0088.30862l1.2464.87349c.12921.07474.3238-.01584.43458-.20644.10986-.19116.09122-.40466-.03875-.47983l-1.38012-.64181c-.0162-.0061-.03344-.0089-.05128-.0087zm-16.75741.14518v.31519c0 .0466-.00406.09467-.01697.13673-.05286.17506-.23415.32303-.46086.32303-.18901 0-.33916-.1073-.33916-.33422 0-.34707.38204-.443.81699-.44073zm7.85577 0v.31519c0 .0466-.0041.09467-.0169.13673-.05287.17506-.23421.32303-.46093.32303-.18905 0-.3392-.1073-.3392-.33422 0-.34707.38209-.443.81703-.44073zm7.86138.48324c-.13506.00016-.24672.07024-.26148.16137l-.13393 1.5162c0 .15015.17535.27304.39583.27304.2209 0 .39645-.12289.39645-.27303l-.13424-1.51621c-.01509-.09113-.12659-.1612-.26214-.16137z"})]})}),(0,l.jsx)("div",{className:"col-span-1 flex items-center justify-center py-8 px-8",children:(0,l.jsxs)("svg",{role:"img",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",className:"h-24 w-24 text-[#4D148C] dark:text-slate-600",children:[(0,l.jsx)("title",{children:"FedEx"}),(0,l.jsx)("path",{d:"M22.498 14.298c-.016-.414.345-.751.75-.755a.745.745 0 0 1 .752.755.755.755 0 0 1-.751.745c-.395.002-.759-.346-.751-.745zm.759-.083c.067-.02.164-.042.162-.13.007-.09-.086-.133-.162-.134h-.163v.263c0 .001.165-.002.163.001zm-.163.107v.418h-.14v-.91h.327c.156-.021.294.092.286.253a.218.218 0 0 1-.156.19c.162.083.108.322.173.467h-.156a2.355 2.355 0 0 1-.04-.205c-.018-.093-.047-.229-.17-.213h-.124zm.76-.024a.603.603 0 0 0-.605-.632c-.338-.012-.62.302-.605.632a.619.619 0 0 0 .605.622.61.61 0 0 0 .605-.622zm-5.052-.579l-.878 1.008h-1.306l1.559-1.745-1.56-1.75h1.355l.902.997.878-.998h1.306l-1.543 1.743 1.559 1.753h-1.371l-.901-1.008zm-4.703-.352v-.827h1.904v-1.506l1.724 1.948-1.724 1.941v-1.556h-1.904zm1.56 1.36h-3.2V9.044h3.224v1.024H13.77v1.163h1.888v.958h-1.904v1.522h1.904v1.016zm-5.705-.655c-.54.017-.878-.552-.877-1.04-.01-.507.307-1.123.878-1.105.579-.025.871.6.845 1.103.023.501-.29 1.062-.846 1.042zM4.743 12.41c.076-.358.403-.67.78-.663a.788.788 0 0 1 .803.663H4.743zm15.182.564l1.815-2.047h-2.125l-.74.844-.763-.844h-4.037v-.548h1.912V8.741H10.84v2.58c-.362-.448-.981-.559-1.526-.492-.782.123-1.427.762-1.634 1.514-.254-.958-1.179-1.588-2.157-1.554-.781.009-1.6.365-1.987 1.071v-.818h-1.87v-.9h2.043v-1.4H0v6.287h1.666v-2.644h1.666a7.59 7.59 0 0 0-.082.622c-.013 1.232 1.042 2.27 2.274 2.236a2.204 2.204 0 0 0 2.157-1.432H6.254c-.14.268-.441.38-.73.36-.457.009-.83-.417-.829-.86h2.914c.083 1.027.988 1.966 2.043 1.947a1.53 1.53 0 0 0 1.19-.639v.41h7.215l.754-.86.754.86h2.192l-1.832-2.055z"})]})}),(0,l.jsx)("div",{className:"col-span-1 flex items-center justify-center py-8 px-8",children:(0,l.jsxs)("svg",{role:"img",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",className:"h-28 w-28 text-[#607078] dark:text-slate-600",children:[(0,l.jsx)("title",{children:"VMware"}),(0,l.jsx)("path",{d:"M.5 10.1a.505.505 0 00-.197.048.497.497 0 00-.25.68l1.138 2.475c.179.38.38.592.721.592.342 0 .542-.22.72-.592l1.003-2.186a.144.144 0 01.144-.092.16.16 0 01.157.16v2.118a.535.535 0 101.066 0v-1.73a.531.531 0 01.566-.552.52.52 0 01.541.551v1.73a.531.531 0 00.53.593.539.539 0 00.535-.592v-1.73a.531.531 0 01.564-.552.52.52 0 01.543.551v1.73a.531.531 0 00.528.593.535.535 0 00.535-.592v-1.969a1.234 1.234 0 00-1.283-1.23 1.647 1.647 0 00-1.14.486 1.26 1.26 0 00-1.095-.483 1.807 1.807 0 00-1.074.483 1.287 1.287 0 00-.961-.483 1.177 1.177 0 00-1.158.786l-.729 1.716-.933-2.203.011-.004A.505.505 0 00.5 10.1zm18.43.06a.27.27 0 00-.266.274h.002v3.142a.27.27 0 10.535 0v-1.222c0-1.037.571-1.56 1.27-1.643a.266.266 0 00.238-.274.258.258 0 00-.266-.269 1.465 1.465 0 00-1.242.88v-.614a.266.266 0 00-.271-.274zm-6.735.008a.273.273 0 00-.25.217l-.912 2.627-.902-2.62a.28.28 0 00-.274-.22.266.266 0 00-.27.258.493.493 0 00.034.144l1.09 3.037.02-.007a.319.319 0 00.298.242.3.3 0 00.293-.242l.903-2.583.896 2.583a.3.3 0 00.293.242h.018a.319.319 0 00.293-.242l1.097-3.038a.512.512 0 00.033-.144.258.258 0 00-.265-.25.262.262 0 00-.258.209l-.918 2.63-.904-2.626a.285.285 0 00-.278-.217h-.025a.273.273 0 00-.012 0zm10.168.008a1.75 1.75 0 00-1.691 1.851 1.765 1.765 0 001.76 1.858l-.008.013a1.784 1.784 0 001.33-.539.228.228 0 00.082-.17.228.228 0 00-.379-.168 1.435 1.435 0 01-1.018.415 1.237 1.237 0 01-1.24-1.207h2.555a.247.247 0 00.246-.247c0-.945-.593-1.806-1.637-1.806zm-5.744.002a1.571 1.571 0 00-.158.006 2.384 2.384 0 00-1.078.205.22.22 0 00-.143.222.24.24 0 00.235.229.266.266 0 00.095-.024 1.822 1.822 0 01.834-.162c.691 0 1.07.334 1.07.979v.125a3.796 3.796 0 00-1.103-.15c-.892 0-1.52.4-1.52 1.16l-.003-.004c0 .736.671 1.117 1.34 1.117a1.575 1.575 0 001.298-.62v.343a.247.247 0 00.254.25.254.254 0 00.258-.262v-1.983a1.416 1.416 0 00-.379-1.046 1.571 1.571 0 00-1-.385zm5.719.43c.714 0 1.085.565 1.139 1.214h-2.278a1.222 1.222 0 011.139-1.215zm-5.885 1.382a3.75 3.75 0 011.057.153V12.49c0 .57-.539.973-1.2.973-.485 0-.904-.261-.904-.713 0-.467.375-.76 1.047-.76Z"})]})}),(0,l.jsx)("div",{className:"col-span-1 flex items-center justify-center py-8 px-8",children:(0,l.jsxs)("svg",{role:"img",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",className:"h-12 w-12 text-[#7AB55C] dark:text-slate-600",children:[(0,l.jsx)("title",{children:"Shopify"}),(0,l.jsx)("path",{d:"M15.337 23.979l7.216-1.561s-2.604-17.613-2.625-17.73c-.018-.116-.114-.192-.211-.192s-1.929-.136-1.929-.136-1.275-1.274-1.439-1.411c-.045-.037-.075-.057-.121-.074l-.914 21.104h.023zM11.71 11.305s-.81-.424-1.774-.424c-1.447 0-1.504.906-1.504 1.141 0 1.232 3.24 1.715 3.24 4.629 0 2.295-1.44 3.76-3.406 3.76-2.354 0-3.54-1.465-3.54-1.465l.646-2.086s1.245 1.066 2.28 1.066c.675 0 .975-.545.975-.932 0-1.619-2.654-1.694-2.654-4.359-.034-2.237 1.571-4.416 4.827-4.416 1.257 0 1.875.361 1.875.361l-.945 2.715-.02.01zM11.17.83c.136 0 .271.038.405.135-.984.465-2.064 1.639-2.508 3.992-.656.213-1.293.405-1.889.578C7.697 3.75 8.951.84 11.17.84V.83zm1.235 2.949v.135c-.754.232-1.583.484-2.394.736.466-1.777 1.333-2.645 2.085-2.971.193.501.309 1.176.309 2.1zm.539-2.234c.694.074 1.141.867 1.429 1.755-.349.114-.735.231-1.158.366v-.252c0-.752-.096-1.371-.271-1.871v.002zm2.992 1.289c-.02 0-.06.021-.078.021s-.289.075-.714.21c-.423-1.233-1.176-2.37-2.508-2.37h-.115C12.135.209 11.669 0 11.265 0 8.159 0 6.675 3.877 6.21 5.846c-1.194.365-2.063.636-2.16.674-.675.213-.694.232-.772.87-.075.462-1.83 14.063-1.83 14.063L15.009 24l.927-21.166z"})]})}),(0,l.jsx)("div",{className:"col-span-1 flex items-center justify-center py-8 px-8",children:(0,l.jsxs)("svg",{role:"img",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",className:"h-12 w-12 text-[#FF4785] dark:text-slate-600",children:[(0,l.jsx)("title",{children:"Storybook"}),(0,l.jsx)("path",{d:"M16.71.243l-.12 2.71a.18.18 0 00.29.15l1.06-.8.9.7a.18.18 0 00.28-.14l-.1-2.76 1.33-.1a1.2 1.2 0 011.279 1.2v21.596a1.2 1.2 0 01-1.26 1.2l-16.096-.72a1.2 1.2 0 01-1.15-1.16l-.75-19.797a1.2 1.2 0 011.13-1.27L16.7.222zM13.64 9.3c0 .47 3.16.24 3.59-.08 0-3.2-1.72-4.89-4.859-4.89-3.15 0-4.899 1.72-4.899 4.29 0 4.45 5.999 4.53 5.999 6.959 0 .7-.32 1.1-1.05 1.1-.96 0-1.35-.49-1.3-2.16 0-.36-3.649-.48-3.769 0-.27 4.03 2.23 5.2 5.099 5.2 2.79 0 4.969-1.49 4.969-4.18 0-4.77-6.099-4.64-6.099-6.999 0-.97.72-1.1 1.13-1.1.45 0 1.25.07 1.19 1.87z"})]})}),(0,l.jsx)("div",{className:"col-span-1 flex items-center justify-center py-8 px-8",children:(0,l.jsxs)("svg",{role:"img",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",className:"h-14 w-14 text-[#FF9900] dark:text-slate-600",children:[(0,l.jsx)("title",{children:"AWS Amplify"}),(0,l.jsx)("path",{d:"M5.223 17.905h6.76l1.731 3.047H0l4.815-8.344 2.018-3.494 1.733 3.002zm2.52-10.371L9.408 4.65l9.415 16.301h-3.334zm2.59-4.486h3.33L24 20.952h-3.334z"})]})}),(0,l.jsx)("div",{className:"col-span-1 flex items-center justify-center py-8 px-8",children:(0,l.jsxs)("svg",{role:"img",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",className:"h-12 w-12 text-[#5E5E5E] dark:text-slate-600",children:[(0,l.jsx)("title",{children:"Microsoft"}),(0,l.jsx)("path",{d:"M0 0v11.408h11.408V0zm12.594 0v11.408H24V0zM0 12.594V24h11.408V12.594zm12.594 0V24H24V12.594z"})]})}),(0,l.jsx)("div",{className:"col-span-1 flex items-center justify-center py-8 px-8",children:(0,l.jsxs)("svg",{role:"img",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",className:"h-12 w-12 text-[#BF4722] dark:text-slate-600",children:[(0,l.jsx)("title",{children:"RedwoodJS"}),(0,l.jsx)("path",{d:"M6.989 3.47l4.66 3.181c.105.07.228.108.354.111a.634.634 0 0 0 .354-.111l4.664-3.192a.637.637 0 0 0-.089-1.087L12.272.065a.64.64 0 0 0-.56 0L7.067 2.372a.636.636 0 0 0-.078 1.098zm6.597 4.179c0 .211.104.408.276.528l3.736 2.553a.628.628 0 0 0 .776-.05l3.134-2.803a.637.637 0 0 0-.028-.973l-2.992-2.393a.635.635 0 0 0-.751-.029l-3.874 2.65a.644.644 0 0 0-.277.517zm-9.291 3.474a.64.64 0 0 1 .209.538.625.625 0 0 1-.315.485l-2.231 1.337a.63.63 0 0 1-.718-.049.64.64 0 0 1-.21-.693l.825-2.596a.63.63 0 0 1 1.023-.281l1.417 1.259zm12.1.271l-4.033-2.76a.634.634 0 0 0-.708 0l-4.033 2.76a.646.646 0 0 0-.276.485.664.664 0 0 0 .212.521l4.03 3.605a.635.635 0 0 0 .842 0l4.03-3.605a.647.647 0 0 0-.064-1.006zm-10.758-.713l-3.13-2.803a.648.648 0 0 1-.213-.503.626.626 0 0 1 .237-.481l2.992-2.407a.641.641 0 0 1 .754-.029l3.87 2.65a.639.639 0 0 1 0 1.07l-3.732 2.553a.633.633 0 0 1-.778-.05zm16.073 4.026l-3.187-1.908a.627.627 0 0 0-.744.071l-3.895 3.477a.644.644 0 0 0-.204.587.636.636 0 0 0 .388.483l5.404 2.19a.634.634 0 0 0 .815-.332l1.675-3.752a.64.64 0 0 0-.252-.816zm.442-4.561l.825 2.596h-.007a.635.635 0 0 1-.927.742l-2.234-1.337a.623.623 0 0 1-.305-.485.631.631 0 0 1 .209-.538l1.416-1.262a.63.63 0 0 1 1.023.284zm-11.82 6.786a.637.637 0 0 0-.202-.585L6.235 12.87a.627.627 0 0 0-.744-.071l-3.187 1.908a.648.648 0 0 0-.255.813l1.678 3.752a.632.632 0 0 0 .814.332l5.4-2.19a.637.637 0 0 0 .391-.482zm1.912 1.07l4.334 1.755c.212.091.358.29.382.521a.635.635 0 0 1-.269.596l-4.338 3.013A.625.625 0 0 1 12 24a.64.64 0 0 1-.354-.114l-4.334-3.013a.635.635 0 0 1 .124-1.117l4.334-1.755a.642.642 0 0 1 .474.001z"})]})})]})})})}function _(){return(0,l.jsx)("article",{id:"getting-started",className:"bg-gradient-to-r from-pink-500 to-fuchsia-500",children:(0,l.jsxs)("div",{className:"mx-auto max-w-7xl py-12 px-4 sm:px-6 lg:flex lg:items-center lg:justify-between lg:py-24 lg:px-8",children:[(0,l.jsx)("div",{children:(0,l.jsxs)("h2",{className:"text-3xl font-bold tracking-tight text-slate-900 md:text-4xl",children:[(0,l.jsx)("span",{className:"block",children:"Already have a monorepo?"}),(0,l.jsx)("span",{className:"block text-white",children:"Nxify your workspace in less than a day."})]})}),(0,l.jsx)("div",{className:"mt-8 flex lg:mt-0 lg:flex-shrink-0",children:(0,l.jsx)("div",{className:"inline-flex rounded-md",children:(0,l.jsx)(t.ZP,{href:"/recipes/adopting-nx/adding-to-monorepo",title:"Start using Nx by creating a workspace",variant:"secondary",size:"large",children:"Add Nx now!"})})})]})})}function S(){return(0,l.jsx)("article",{id:"affected-and-code-generation",className:"relative overflow-hidden bg-slate-50 py-28 dark:bg-slate-800/40",children:(0,l.jsxs)("div",{className:"mx-auto max-w-7xl py-12 px-4 sm:grid sm:grid-cols-2 sm:gap-8 sm:px-6 lg:py-16 lg:px-8",children:[(0,l.jsxs)("div",{children:[(0,l.jsxs)("header",{children:[(0,l.jsx)(t.OT,{as:"h1",variant:"title",id:"evergreen-setup",children:"Evergreen setup"}),(0,l.jsx)(t.OT,{as:"p",variant:"display",id:"nx-is-fast",className:"mt-4",children:"Stay up to date, without effort"})]}),(0,l.jsx)("div",{className:"mt-8 flex gap-16 font-normal",children:(0,l.jsxs)("p",{className:"max-w-xl text-lg text-slate-700 dark:text-slate-400",children:["Keeping your stack up to date can be a struggle. Nx comes with a smart system that is capable of automatically upgrading your codebase. Think of it like"," ",(0,l.jsx)("span",{className:"font-medium",children:"database migration scripts, but for your config files, npm packages and even source code"}),"."]})}),(0,l.jsx)("div",{className:"action mt-6 flex",children:(0,l.jsx)(t.ZP,{href:"/core-features/automate-updating-dependencies",variant:"primary",size:"default",title:"Read more about affected command",children:"Read about migrations"})})]}),(0,l.jsxs)("div",{"aria-hidden":"true",className:"relative flex h-full w-full flex-col items-center gap-8",children:[(0,l.jsx)("div",{className:"w-[568px] max-w-full rounded-xl shadow-xl md:flex",children:(0,l.jsxs)("div",{className:"coding flex w-full flex-col rounded-lg border border-slate-200 bg-slate-50 p-4 font-mono text-xs leading-normal text-slate-800 subpixel-antialiased shadow-lg dark:border-slate-700 dark:bg-slate-800 dark:text-slate-200",children:[(0,l.jsxs)("div",{className:"flex items-center",children:[(0,l.jsxs)("p",{children:[(0,l.jsx)("span",{className:"text-base text-purple-600 dark:text-fuchsia-500",children:"→"})," ",(0,l.jsx)("span",{className:"mx-1 text-green-600 dark:text-green-400",children:"~/workspace"})," ",(0,l.jsx)("span",{children:"$"})]}),(0,l.jsx)("p",{className:"typing mt-0.5 flex-1 pl-2",children:"nx migrate latest"})]}),(0,l.jsx)("div",{className:"mt-2 flex",children:(0,l.jsxs)("p",{className:"typing flex-1 items-center pl-2",children:["Fetching meta data about packages.",(0,l.jsx)("br",{}),"It may take a few minutes.",(0,l.jsx)("br",{}),"Fetching nx@14.7.13",(0,l.jsx)("br",{}),"Fetching @nrwl/cypress@14.7.13",(0,l.jsx)("br",{}),"Fetching @nrwl/next@14.7.13",(0,l.jsx)("br",{}),"Fetching @nrwl/linter@14.7.13",(0,l.jsx)("br",{}),"Fetching @nrwl/workspace@14.7.13",(0,l.jsx)("br",{}),"Fetching @nrwl/jest@14.7.13",(0,l.jsx)("br",{}),"Fetching @nrwl/react@14.7.13",(0,l.jsx)("br",{}),"Fetching @nrwl/web@14.7.13"]})}),(0,l.jsx)("div",{className:"mt-8 flex",children:(0,l.jsxs)("p",{className:"typing flex-1 items-center pl-2",children:[(0,l.jsx)("span",{className:"bg-green-300 px-1 py-0.5 dark:bg-green-600",children:"NX"}),(0,l.jsx)("span",{className:"ml-2 text-green-500 dark:text-green-600",children:"The migrate command has run successfully."}),(0,l.jsx)("br",{}),(0,l.jsx)("br",{}),"- package.json has been updated.",(0,l.jsx)("br",{}),"- migrations.json has been generated."]})}),(0,l.jsx)("div",{className:"mt-8 flex",children:(0,l.jsxs)("p",{className:"typing flex-1 items-center pl-2",children:[(0,l.jsx)("span",{className:"mr-2 bg-yellow-300 px-1 py-0.5 dark:bg-yellow-600",children:"NX"}),"Next steps:",(0,l.jsx)("br",{}),(0,l.jsx)("br",{}),"- Make sure package.json changes make sense and then run 'yarn',",(0,l.jsx)("br",{}),"- Run 'yarn nx migrate --run-migrations'",(0,l.jsx)("br",{}),"- To learn more go to",(0,l.jsx)("a",{href:"https://nx.dev/core-features/automate-updating-dependencies",className:"ml-2 underline",children:"https://nx.dev/core-features/automate-updating-dependencies"})]})})]})}),(0,l.jsx)("div",{className:"w-[568px] max-w-full self-start rounded-xl shadow-xl lg:absolute lg:left-1/2 lg:top-24",children:(0,l.jsxs)("div",{className:"coding flex w-full flex-col rounded-lg border border-slate-200 bg-slate-50 p-4 font-mono text-xs leading-normal text-slate-800 subpixel-antialiased shadow-lg dark:border-slate-700 dark:bg-slate-800 dark:text-slate-200",children:[(0,l.jsxs)("div",{className:"flex items-center",children:[(0,l.jsxs)("p",{children:[(0,l.jsx)("span",{className:"text-base text-purple-600 dark:text-fuchsia-500",children:"→"})," ",(0,l.jsx)("span",{className:"mx-1 text-green-600 dark:text-green-400",children:"~/workspace"})," ",(0,l.jsx)("span",{children:"$"})]}),(0,l.jsx)("p",{className:"typing mt-0.5 flex-1 pl-2",children:"nx migrate --run-migrations"})]}),(0,l.jsx)("div",{className:"mt-4 flex",children:(0,l.jsxs)("p",{className:"typing flex-1 items-center pl-2",children:[(0,l.jsx)("span",{className:"mr-2 bg-yellow-300 px-1 py-0.5 dark:bg-yellow-600",children:"NX"}),"Running 'yarn' to make sure necessary packages are installed"]})}),(0,l.jsx)("div",{className:"mt-4 flex",children:(0,l.jsxs)("p",{className:"typing flex-1 items-center pl-2",children:[(0,l.jsx)("span",{className:"mr-2 bg-yellow-300 px-1 py-0.5 dark:bg-yellow-600",children:"NX"}),"Running migrations from 'migrations.json'"]})}),(0,l.jsx)("div",{className:"mt-4 flex",children:(0,l.jsxs)("p",{className:"typing flex-1 items-center pl-2",children:[(0,l.jsx)("span",{className:"bg-green-300 px-1 py-0.5 dark:bg-green-600",children:"NX"}),(0,l.jsx)("span",{className:"ml-2 text-green-500 dark:text-green-600",children:"This workspace is up to date!"})]})})]})})]})]})})}function B(){return(0,l.jsx)("article",{id:"monorepo-styles",className:"relative overflow-hidden bg-slate-50 pt-28 dark:bg-slate-800/40",children:(0,l.jsxs)("div",{className:"mx-auto max-w-7xl py-12 px-4 sm:grid sm:grid-cols-2 sm:gap-8 sm:px-6 lg:py-16 lg:px-8",children:[(0,l.jsxs)("div",{children:[(0,l.jsxs)("header",{children:[(0,l.jsxs)(t.OT,{as:"h1",variant:"title",id:"monorepo-styles",children:[(0,l.jsx)("span",{className:"sr-only",children:"Nx supports "}),"Different monorepo styles"]}),(0,l.jsx)(t.OT,{as:"p",variant:"display",id:"nx-is-fast",className:"mt-4",children:"Make Nx work for you"})]}),(0,l.jsx)("div",{className:"mt-8 flex gap-16 font-normal",children:(0,l.jsxs)("p",{className:"max-w-xl text-lg text-slate-700 dark:text-slate-400",children:["Choose your style! Have a monorepo already?"," ",(0,l.jsx)(d(),{href:"/recipes/adopting-nx/adding-to-monorepo",title:"Install VSCode's native extension for Nx",className:"font-medium text-blue-500 dark:text-sky-500",children:"Add Nx on top!"})," ",(0,l.jsx)("span",{className:"font-medium",children:"You control everything"}),", Nx makes things fast. Or focus on what matters and"," ",(0,l.jsx)("span",{className:"font-medium",children:"let Nx do the heavy lifting"})," ","with its set of"," ",(0,l.jsx)(d(),{href:"/extending-nx",title:"Install VSCode's native extension for Nx",className:"font-medium text-blue-500 dark:text-sky-500",children:"powerful plugins"}),". Extend Nx by creating custom plugins that"," ",(0,l.jsx)("span",{className:"font-medium",children:"work for your organization"}),", and you'll get the best possible DX you can have in a monorepo."]})}),(0,l.jsx)("div",{className:"action mt-6 flex",children:(0,l.jsx)(t.ZP,{variant:"primary",size:"default",href:"/concepts/integrated-vs-package-based",title:"Read more about affected command",children:"Read about different monorepo styles"})})]}),(0,l.jsxs)("div",{"aria-hidden":"true",className:"relative flex h-full w-full flex-col items-center gap-8 py-8",children:[(0,l.jsx)("div",{className:"w-[568px] max-w-full rounded-xl shadow-xl",children:(0,l.jsxs)("div",{className:"coding flex w-full flex-col rounded-lg border border-slate-200 bg-slate-50 p-4 font-mono text-xs leading-normal text-slate-800 subpixel-antialiased shadow-lg dark:border-slate-700 dark:bg-slate-800 dark:text-slate-200",children:[(0,l.jsxs)("div",{className:"flex items-center",children:[(0,l.jsxs)("p",{children:[(0,l.jsx)("span",{className:"text-base text-purple-600 dark:text-fuchsia-500",children:"→"})," ",(0,l.jsx)("span",{className:"mx-1 text-green-600 dark:text-green-400",children:"~/workspace"})," ",(0,l.jsx)("span",{children:"$"})]}),(0,l.jsx)("p",{className:"typing mt-0.5 flex-1 pl-2",children:"npx create-nx-workspace"})]}),(0,l.jsx)("div",{className:"mt-4 flex",children:(0,l.jsxs)("p",{className:"typing flex-1 items-center pl-2",children:[(0,l.jsx)("span",{className:"mr-2 bg-yellow-300 px-1 py-0.5 dark:bg-yellow-600",children:"NX"}),"⚙️ Creating Nx workspace"]})}),(0,l.jsx)("div",{className:"mt-4 flex",children:(0,l.jsxs)("p",{className:"typing flex-1 items-center pl-2",children:[(0,l.jsx)("span",{className:"mr-2 bg-yellow-300 px-1 py-0.5 dark:bg-yellow-600",children:"NX"}),"\uD83D\uDCE6 Installing dependencies"]})}),(0,l.jsx)("div",{className:"mt-4 flex",children:(0,l.jsxs)("p",{className:"typing flex-1 items-center pl-2",children:[(0,l.jsx)("span",{className:"mr-2 bg-green-300 px-1 py-0.5 dark:bg-green-600",children:"NX"}),"Your Nx workspace is ready!"]})})]})}),(0,l.jsx)("div",{className:"w-[568px] max-w-full rounded-xl shadow-xl",children:(0,l.jsxs)("div",{className:"coding flex w-full flex-col rounded-lg border border-slate-200 bg-slate-50 p-4 font-mono text-xs leading-normal text-slate-800 subpixel-antialiased shadow-lg dark:border-slate-700 dark:bg-slate-800 dark:text-slate-200",children:[(0,l.jsxs)("div",{className:"flex items-center",children:[(0,l.jsxs)("p",{children:[(0,l.jsx)("span",{className:"text-base text-purple-600 dark:text-fuchsia-500",children:"→"})," ",(0,l.jsx)("span",{className:"mx-1 text-green-600 dark:text-green-400",children:"~/workspace"})," ",(0,l.jsx)("span",{children:"$"})]}),(0,l.jsx)("p",{className:"typing mt-0.5 flex-1 pl-2",children:"npx nx@latest init"})]}),(0,l.jsx)("div",{className:"mt-4 flex",children:(0,l.jsxs)("p",{className:"typing flex-1 items-center pl-2",children:[(0,l.jsx)("span",{className:"mr-2 bg-pink-300 px-1 py-0.5 dark:bg-fuchsia-600",children:"NX"}),"\uD83D\uDC33 Nx initialization"]})}),(0,l.jsx)("div",{className:"mt-4 flex",children:(0,l.jsxs)("p",{className:"typing flex-1 items-center pl-2",children:[(0,l.jsx)("span",{className:"mr-2 bg-pink-300 px-1 py-0.5 dark:bg-fuchsia-600",children:"NX"}),"\uD83D\uDCE6 Installing dependencies"]})}),(0,l.jsx)("div",{className:"mt-4 flex",children:(0,l.jsxs)("p",{className:"typing flex-1 items-center pl-2",children:[(0,l.jsx)("span",{className:"mr-2 bg-green-300 px-1 py-0.5 dark:bg-green-600",children:"NX"}),"\uD83C\uDF89 Done!"]})})]})})]})]})})}function A(){return(0,l.jsx)("div",{className:"bg-slate-50 pt-28 dark:bg-slate-800/40",children:(0,l.jsxs)("div",{className:"mx-auto max-w-7xl py-16 px-4 sm:px-6 lg:flex lg:items-center lg:py-24 lg:px-8",children:[(0,l.jsxs)("div",{className:"lg:w-0 lg:flex-1",children:[(0,l.jsx)(t.OT,{as:"h1",variant:"title",id:"stay-informed",children:"Stay up to date"}),(0,l.jsx)(t.OT,{as:"p",variant:"display",id:"nx-is-fast",className:"mt-4",children:"Nx is growing fast, stay in the loop!"}),(0,l.jsx)("p",{className:"mt-4 text-lg text-slate-700 dark:text-slate-400",children:"Join the Nx community and stay updated on new releases and features, guides and recipes, events and fresh video tutorials."})]}),(0,l.jsx)("div",{className:"mt-8 lg:mt-0 lg:ml-8",children:(0,l.jsx)("div",{className:"mt-4 space-x-12",children:[{name:"Youtube",label:"Youtube channel",href:"https://www.youtube.com/@NxDevtools?utm_source=nx.dev",icon:e=>(0,l.jsx)("svg",{fill:"currentColor",role:"img",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,l.jsx)("path",{d:"M23.5 6.19a3.02 3.02 0 0 0-2.12-2.14c-1.88-.5-9.38-.5-9.38-.5s-7.5 0-9.38.5A3.02 3.02 0 0 0 .5 6.19C0 8.07 0 12 0 12s0 3.93.5 5.81a3.02 3.02 0 0 0 2.12 2.14c1.87.5 9.38.5 9.38.5s7.5 0 9.38-.5a3.02 3.02 0 0 0 2.12-2.14C24 15.93 24 12 24 12s0-3.93-.5-5.81zM9.54 15.57V8.43L15.82 12l-6.28 3.57z"})})},{name:"Slack",label:"Community channel",href:"https://go.nrwl.io/join-slack?utm_source=nx.dev",icon:e=>(0,l.jsx)("svg",{fill:"currentColor",role:"img",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,l.jsx)("path",{d:"M5.04 15.16a2.53 2.53 0 0 1-2.52 2.53A2.53 2.53 0 0 1 0 15.16a2.53 2.53 0 0 1 2.52-2.52h2.52v2.52zm1.27 0a2.53 2.53 0 0 1 2.52-2.52 2.53 2.53 0 0 1 2.52 2.52v6.32A2.53 2.53 0 0 1 8.84 24a2.53 2.53 0 0 1-2.52-2.52v-6.31zM8.83 5.04a2.53 2.53 0 0 1-2.52-2.52A2.53 2.53 0 0 1 8.83 0a2.53 2.53 0 0 1 2.52 2.52v2.52H8.84zm0 1.27a2.53 2.53 0 0 1 2.52 2.52 2.53 2.53 0 0 1-2.52 2.52h-6.3A2.53 2.53 0 0 1 0 8.84a2.53 2.53 0 0 1 2.52-2.52h6.31zm10.13 2.52a2.53 2.53 0 0 1 2.52-2.52A2.53 2.53 0 0 1 24 8.83a2.53 2.53 0 0 1-2.52 2.52h-2.52V8.84zm-1.27 0a2.53 2.53 0 0 1-2.53 2.52 2.53 2.53 0 0 1-2.52-2.52v-6.3A2.53 2.53 0 0 1 15.16 0a2.53 2.53 0 0 1 2.53 2.52v6.31zm-2.53 10.13a2.53 2.53 0 0 1 2.53 2.52A2.53 2.53 0 0 1 15.16 24a2.53 2.53 0 0 1-2.52-2.52v-2.52h2.52zm0-1.27a2.53 2.53 0 0 1-2.52-2.53 2.53 2.53 0 0 1 2.52-2.52h6.32A2.53 2.53 0 0 1 24 15.16a2.53 2.53 0 0 1-2.52 2.53h-6.31z"})})},{name:"Twitter",label:"Latest news",href:"https://twitter.com/NXdevtools?utm_source=nx.dev",icon:e=>(0,l.jsx)("svg",{fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,l.jsx)("path",{d:"M8.29 20.25c7.55 0 11.68-6.25 11.68-11.67 0-.18 0-.36-.02-.53A8.35 8.35 0 0 0 22 5.92a8.19 8.19 0 0 1-2.36.65 4.12 4.12 0 0 0 1.8-2.27 8.22 8.22 0 0 1-2.6 1 4.1 4.1 0 0 0-7 3.73A11.65 11.65 0 0 1 3.4 4.75a4.1 4.1 0 0 0 1.27 5.48A4.07 4.07 0 0 1 2.8 9.7v.05a4.1 4.1 0 0 0 3.3 4.03 4.1 4.1 0 0 1-1.86.07 4.1 4.1 0 0 0 3.83 2.85A8.23 8.23 0 0 1 2 18.4a11.62 11.62 0 0 0 6.29 1.84"})})},{name:"GitHub",label:"Nx is open source, check the code on GitHub",href:"https://github.com/nrwl/nx?utm_source=nx.dev",icon:e=>(0,l.jsx)("svg",{fill:"currentColor",viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,l.jsx)("path",{d:"M8 0a8 8 0 0 0-2.53 15.59c.4.07.55-.17.55-.38l-.01-1.49c-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82a7.42 7.42 0 0 1 4 0c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48l-.01 2.2c0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8a8 8 0 0 0-8-8z"})})}].map(e=>(0,l.jsxs)("a",{title:e.label,href:e.href,target:"_blank",rel:"noreferrer",className:"inline-flex p-1 opacity-80 transition hover:opacity-100",children:[(0,l.jsx)("span",{className:"sr-only",children:e.label}),(0,l.jsx)(e.icon,{className:"h-12 w-12","aria-hidden":"true"})]},e.name))})})]})})}var E=a(17609),V=a(65324),F=a(59203),H=a(81785),I=a(64229),Z=a(68444),L=a(100),P=a(2047),R=a(27010),X=a(30818),G=a(58684),W=a(20810);function U(e){let{from:s=0,to:a=10,round:t=0,progress:r}=e,i=(0,c.useRef)(),n=(0,P.H)(r,[0,1e3],[s,a],{clamp:!1}),{format:d}=new Intl.NumberFormat("en-US",{minimumFractionDigits:t,maximumFractionDigits:t});return(0,c.useEffect)(()=>n.onChange(e=>{void 0!==i&&void 0!==i.current&&(i.current.firstChild.data=d(0===t?Math.round(e):Number(e.toFixed(t))))}),[d,t,n]),(0,l.jsx)("span",{ref:i,children:d(n.get())})}function J(){let e=(0,R.c)(0),s=(0,X._)(),[a,r]=(0,W.YD)({triggerOnce:!0});return(0,c.useEffect)(()=>{r&&(s.start("visible"),(0,G.j)(e,1e3,{type:"spring",damping:50}))},[s,r,e]),(0,l.jsxs)("article",{id:"nx-is-fast",className:"relative bg-slate-50 py-28 dark:bg-slate-800/40",children:[(0,l.jsxs)(x.E.div,{ref:a,animate:s,className:"mx-auto max-w-7xl px-4 pt-12 sm:grid sm:grid-cols-2 sm:gap-8 sm:px-6 lg:px-8 lg:pt-16",children:[(0,l.jsxs)("div",{children:[(0,l.jsxs)("header",{children:[(0,l.jsx)(t.OT,{as:"h1",variant:"title",id:"nx-is-fast",children:"Nx is fast"}),(0,l.jsx)(t.OT,{as:"p",variant:"display",id:"nx-is-fast",className:"mt-4",children:"Don't waste your time"})]}),(0,l.jsx)("div",{className:"mt-8 flex gap-16 font-normal",children:(0,l.jsxs)("p",{className:"max-w-xl text-lg text-slate-700 dark:text-slate-400",children:["Nx makes scaling easy. Modern techniques such as"," ",(0,l.jsx)("span",{className:"font-semibold",children:"distributed task execution"})," ","and ",(0,l.jsx)("span",{className:"font-semibold",children:"computation caching"})," ","make sure your CI times remain fast, even as you keep adding projects to your workspace."]})})]}),(0,l.jsxs)("div",{className:"flex flex-row content-between gap-6 lg:gap-28",children:[(0,l.jsxs)("div",{className:"flex flex-col justify-center",children:[(0,l.jsx)("div",{className:"text-lg text-slate-400",children:"Most workspaces see"}),(0,l.jsxs)("div",{"aria-hidden":"true",className:"my-2 text-4xl font-semibold text-slate-800 drop-shadow-sm dark:text-slate-100 dark:drop-shadow-[0_1px_1px_rgba(255,255,255,0.35)] lg:text-6xl",children:[(0,l.jsx)(U,{from:0,to:3,round:0,progress:e})," ",(0,l.jsx)("span",{className:"-ml-2 text-lg lg:-ml-3 lg:text-3xl",children:"x"}),(0,l.jsx)("span",{className:"mx-4 text-2xl lg:text-5xl",children:"to"}),(0,l.jsx)(U,{from:0,to:14,round:0,progress:e})," ",(0,l.jsx)("span",{className:"-ml-2 text-lg lg:-ml-3 lg:text-3xl",children:"x"})]}),(0,l.jsxs)("div",{className:"text-sm text-slate-500",children:[(0,l.jsx)("span",{className:"sr-only",children:"3 times "}),"reduction in CI time"]})]}),(0,l.jsxs)("div",{className:"flex flex-col justify-center",children:[(0,l.jsx)("div",{className:"text-lg text-slate-400",children:"Average"}),(0,l.jsxs)("div",{"aria-hidden":"true",className:"my-2 text-4xl font-bold text-slate-800 drop-shadow-sm dark:text-slate-100 dark:drop-shadow-[0_1px_1px_rgba(255,255,255,0.35)] lg:text-6xl",children:[(0,l.jsx)(U,{from:0,to:2.5,round:1,progress:e})," ",(0,l.jsx)("span",{className:"-ml-2 text-lg lg:text-3xl",children:"x"})]}),(0,l.jsxs)("div",{className:"text-sm text-slate-500",children:[(0,l.jsx)("span",{className:"sr-only",children:"2.5 times "}),"reduction in computation time"]})]})]})]}),(0,l.jsx)("div",{className:"mx-auto max-w-7xl px-4 pt-12 sm:px-6 lg:px-8 lg:pt-16",children:(0,l.jsxs)("dl",{className:"grid grid-cols-1 gap-16 sm:grid-cols-2 lg:grid-cols-4",children:[(0,l.jsxs)("div",{className:"group",children:[(0,l.jsxs)("dt",{children:[(0,l.jsxs)("div",{className:"relative flex h-12 w-12",children:[(0,l.jsx)(L.Z,{className:"h-8 w-8 text-blue-500 dark:text-sky-500","aria-hidden":"true"}),(0,l.jsx)(E.Z,{className:"absolute -top-2 -right-4 h-8 w-8 text-purple-500 opacity-0 transition-opacity group-hover:opacity-100 dark:text-fuchsia-500","aria-hidden":"true"}),(0,l.jsx)(L.Z,{className:"absolute bottom-0 right-0 h-8 w-8 text-purple-500 opacity-0 transition-opacity group-hover:opacity-100 group-hover:motion-safe:animate-spin dark:text-fuchsia-500","aria-hidden":"true"})]}),(0,l.jsxs)("p",{className:"relative mt-4 text-base font-medium leading-6 text-slate-900 dark:text-slate-100",children:[(0,l.jsx)("span",{className:"absolute -left-4 h-full w-0.5 bg-blue-500 dark:bg-sky-500"}),"Never rebuild the same code twice"]})]}),(0,l.jsxs)("dd",{className:"mt-2 text-base text-slate-500 dark:text-slate-400",children:["Nx is smart! It can figure out whether the same computation has run before and can"," ",(0,l.jsx)("span",{className:"font-medium",children:"restore the files and the terminal output"})," ","from its cache."]})]},"Never rebuild the same code twice"),(0,l.jsxs)("div",{className:"group",children:[(0,l.jsxs)("dt",{children:[(0,l.jsxs)("div",{className:"relative flex h-12 w-12",children:[(0,l.jsx)(V.Z,{className:"h-8 w-8 text-blue-500 dark:text-sky-500","aria-hidden":"true"}),(0,l.jsx)(L.Z,{className:"absolute bottom-0 right-0 h-8 w-8 text-purple-500 opacity-0 transition-opacity group-hover:opacity-100 group-hover:motion-safe:animate-spin dark:text-fuchsia-500","aria-hidden":"true"})]}),(0,l.jsxs)("p",{className:"relative mt-4 text-base font-medium leading-6 text-slate-900 dark:text-slate-100",children:[(0,l.jsx)("span",{className:"absolute -left-4 h-full w-0.5 bg-blue-500 dark:bg-sky-500"}),"Distributed task execution (DTE)"]})]}),(0,l.jsxs)("dd",{className:"mt-2 text-base text-slate-500 dark:text-slate-400",children:["Smart, automated, dynamic distribution of tasks across multiple machines to get"," ",(0,l.jsx)("span",{className:"font-medium",children:"maximum parallelization and CPU efficient"})," ","CI runs."]})]},"Distributed task execution"),(0,l.jsxs)("div",{className:"group",children:[(0,l.jsxs)("dt",{children:[(0,l.jsxs)("div",{className:"relative flex h-12 w-12",children:[(0,l.jsx)(E.Z,{className:"h-8 w-8 text-blue-500 dark:text-sky-500","aria-hidden":"true"}),(0,l.jsx)(F.Z,{className:"absolute inset-0 h-8 w-8 text-purple-500 opacity-0 transition-all group-hover:translate-x-8 group-hover:-translate-y-1 group-hover:opacity-100 dark:text-fuchsia-500","aria-hidden":"true"}),(0,l.jsx)(F.Z,{className:"5 absolute inset-0 h-8 w-8 text-purple-500 opacity-0 transition-all group-hover:translate-x-5 group-hover:translate-y-6 group-hover:opacity-100 dark:text-fuchsia-500","aria-hidden":"true"})]}),(0,l.jsxs)("p",{className:"relative mt-4 text-base font-medium leading-6 text-slate-900 dark:text-slate-100",children:[(0,l.jsx)("span",{className:"absolute -left-4 h-full w-0.5 bg-blue-500 dark:bg-sky-500"}),"Remote caching"]})]}),(0,l.jsxs)("dd",{className:"mt-2 text-base text-slate-500 dark:text-slate-400",children:[(0,l.jsx)("span",{className:"font-medium",children:"Share your local computation cache"})," ","with team mates and your CI system for maximum efficiency."]})]},"Computation caching"),(0,l.jsxs)("div",{className:"group",children:[(0,l.jsxs)("dt",{children:[(0,l.jsxs)("div",{className:"relative flex h-12 w-12",children:[(0,l.jsx)(H.Z,{className:"h-8 w-8 text-blue-500 dark:text-sky-500","aria-hidden":"true"}),(0,l.jsx)(I.Z,{className:"absolute inset-0 h-8 w-8 text-purple-500 opacity-0 transition-all group-hover:translate-x-8 group-hover:-translate-y-1 group-hover:opacity-100 dark:text-fuchsia-500","aria-hidden":"true"}),(0,l.jsx)(Z.Z,{className:"5 absolute inset-0 h-8 w-8 text-purple-500 opacity-0 transition-all group-hover:translate-x-5 group-hover:translate-y-6 group-hover:opacity-100 dark:text-fuchsia-500","aria-hidden":"true"})]}),(0,l.jsxs)("p",{className:"relative mt-4 text-base font-medium leading-6 text-slate-900 dark:text-slate-100",children:[(0,l.jsx)("span",{className:"absolute -left-4 h-full w-0.5 bg-blue-500 dark:bg-sky-500"}),"Only run what changed"]})]}),(0,l.jsxs)("dd",{className:"mt-2 text-base text-slate-500 dark:text-slate-400",children:["Nothing is faster than not running a task. Nx analyzes your project graph and can"," ",(0,l.jsx)("span",{className:"font-medium",children:"diff it against a baseline to determine which projects changed"})," ","and what tasks need to be re-run."]})]},"Efficient execution")]})})]})}function $(){return(0,l.jsxs)("div",{className:"bg-white pt-12 dark:bg-slate-900 sm:pt-16",children:[(0,l.jsx)("div",{className:"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8",children:(0,l.jsxs)("div",{className:"mx-auto max-w-4xl text-center",children:[(0,l.jsx)(t.OT,{as:"h2",variant:"display",id:"trusted-by-all",children:"Trusted by developers, enterprises and open-source projects."}),(0,l.jsxs)("p",{className:"mt-3 text-lg text-slate-700 dark:text-slate-400 sm:mt-4",children:["Whether your workspace"," ",(0,l.jsx)("span",{className:"font-semibold",children:"has a single project or a thousand"}),", Nx will keep your CI fast and your workspace maintainable."]})]})}),(0,l.jsx)("div",{className:"mt-10 bg-slate-50 pb-12 dark:bg-slate-800/40 sm:pb-16",children:(0,l.jsxs)("div",{className:"relative",children:[(0,l.jsx)("div",{className:"absolute inset-0 h-1/2 border-b border-slate-200 bg-white dark:border-black dark:bg-slate-900"}),(0,l.jsx)("div",{className:"relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8",children:(0,l.jsx)("div",{className:"mx-auto max-w-4xl",children:(0,l.jsxs)("dl",{className:"overflow-hidden rounded-lg bg-white shadow dark:bg-slate-900 sm:grid sm:grid-cols-3",children:[(0,l.jsxs)("div",{className:"flex flex-col border-b border-slate-50 p-6 text-center dark:border-slate-800/40 sm:border-0 sm:border-r",children:[(0,l.jsx)("dt",{className:"order-2 mt-2 text-base font-medium leading-6",children:"developers use it every day"}),(0,l.jsx)("dd",{className:"order-1 text-4xl font-semibold text-slate-800 drop-shadow-sm dark:text-slate-200 dark:drop-shadow-[0_1px_1px_rgba(255,255,255,0.35)]",children:"1.5M+"})]}),(0,l.jsxs)("div",{className:"flex flex-col border-t border-b border-slate-50 p-6 text-center dark:border-slate-800/40 sm:border-0 sm:border-l sm:border-r",children:[(0,l.jsx)("dt",{className:"order-2 mt-2 text-base font-medium leading-6",children:"of Fortune 500 companies use Nx for key projects"}),(0,l.jsx)("dd",{className:"order-1 text-4xl font-semibold text-slate-800 drop-shadow-sm dark:text-slate-200 dark:drop-shadow-[0_1px_1px_rgba(255,255,255,0.35)]",children:"50%"})]}),(0,l.jsxs)("div",{className:"flex flex-col border-t border-slate-50 p-6 text-center dark:border-slate-800/40 sm:border-0 sm:border-l",children:[(0,l.jsx)("dt",{className:"order-2 mt-2 text-base font-medium leading-6",children:"monthly npm downloads"}),(0,l.jsx)("dd",{className:"order-1 text-4xl font-semibold text-slate-800 drop-shadow-sm dark:text-slate-200 dark:drop-shadow-[0_1px_1px_rgba(255,255,255,0.35)]",children:"11M+"})]})]})})})]})})]})}function Y(){return(0,l.jsx)("article",{id:"next-generation",className:"relative bg-slate-50 pt-28 dark:bg-slate-800/40",children:(0,l.jsxs)("div",{className:"mx-auto max-w-7xl items-stretch py-12 px-4 sm:grid sm:grid-cols-1 sm:gap-8 sm:px-6 md:grid-cols-3 lg:py-16 lg:px-8",children:[(0,l.jsxs)("div",{className:"md:col-span-2",children:[(0,l.jsxs)("header",{children:[(0,l.jsx)(t.OT,{as:"h1",variant:"title",id:"testimonials",children:"They use Nx every day"}),(0,l.jsx)(t.OT,{as:"p",variant:"display",id:"nx-is-fast",className:"mt-4",children:"Devs & CEOs, Startups & big companies are loving Nx"})]}),(0,l.jsx)("div",{className:"mt-8 flex gap-16 font-normal",children:(0,l.jsx)("p",{className:"max-w-xl text-lg text-slate-700 dark:text-slate-400",children:"Here is what they say about Nx, what they like about it, how it transforms their developer life and what you are missing out on!"})}),(0,l.jsxs)("div",{className:"mt-12 grid grid-cols-1 gap-8 md:grid-cols-2",children:[(0,l.jsx)("div",{className:"space-y-6",children:[{link:"https://twitter.com/antoinepairet/status/1488882179434328065",title:"Co-founder and CTO at @HealthRosa",author:"Antoine Pairet",imageUrl:"/images/testimonials/antoine-pairet.jpg",content:"I can't recommend @NxDevTools enough! Go use it, your future self says thanks ;-). Have a doubt or a question? Reach out to @nrwl_io, they are kind, smart, and willing to help"},{link:"https://twitter.com/danm_t/status/1504832834271330313",title:"Developer",author:"Daniel Marin",imageUrl:"/images/testimonials/daniel-marin.jpg",content:"I'd def invest in @nrwl_io - Our whole platform for @HeavyDutyBuild is powered by it. We're using Nx in a monorepo with an @angular Dapp, a @nestframework API and a @solana Rust Program. A year ago I used Nx for my Angular stuff, now it's a core piece of everything I build."}].map(e=>(0,l.jsx)(t.vW,{data:e},e.author))}),(0,l.jsx)("div",{className:"space-y-6",children:[{author:"Tomek Sułkowski",content:"Supporting @NxDevTools was an exciting goal for @StackBlitz: it's a remarkably elegant setup – but also a great test for WebContainers' maturity, so we're so happy to have reached this milestone!",imageUrl:"/images/testimonials/tomek-sulkowski.jpg",link:"https://twitter.com/sulco/status/1455207019942748162",title:"@StackBlitz Founding Engineer & DevRel"},{author:"Michael Bromley",content:'Just set up a full-stack Angular/NestJS app with @NxDevTools. One command, about 5 minutes, and a working full-stack "hello world". Probably just saved about 2 hours.',imageUrl:"/images/testimonials/michael-bromley.jpg",link:"https://twitter.com/i/web/status/1403437555769561090",title:"Creator of @vendure_io"}].map(e=>(0,l.jsx)(t.vW,{data:e},e.author))})]})]}),(0,l.jsx)("div",{className:"mt-6 flex h-full w-full flex-col items-start items-stretch gap-6 md:mt-0",children:[{author:"Kent C. Dodds",content:"Wow, @NxDevTools is no joke. This is awesome!",imageUrl:"/images/testimonials/kent-c-dodds.jpg",link:"https://twitter.com/kentcdodds/status/1487079957536788480",title:"Teacher, OSS"},{author:"Tejas Kumar",content:"There is a lot to be learned from @nrwl_io's Nx developer experience. It is exemplary.",imageUrl:"/images/testimonials/tejas-kumar.jpg",link:"https://twitter.com/TejasKumar_/status/1503676694208655361",title:"Director of Developer Relations, @xatabase"},{author:"Alan Montgomery",content:"Beautiful! I’m using NX on a nextjs/tailwind project and I must say it’s such a nice developer experience",imageUrl:"/images/testimonials/alan-montgomery.jpg",link:"https://twitter.com/93alan/status/1488825290973405184",title:"Senior React Dev/Mobile Team Lead @Idox"},{link:"https://twitter.com/241Dev/status/1487531051484278791",title:"Web Engineer",author:"Akira Tsuboi",imageUrl:"/images/testimonials/akira-tsuboi.jpg",content:"I just started using Nx (@NxDevTools). It’s awesome \uD83D\uDE0D"}].map(e=>(0,l.jsx)(t.vW,{data:e},e.author))})]})})}var K=a(69554);function q(){return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(K.PB,{title:"Nx: Smart, Fast and Extensible Build System",description:"Next generation build system with first class monorepo support and powerful integrations.",openGraph:{url:"https://nx.dev",title:"Nx: Smart, Fast and Extensible Build System",description:"Nx is a smart, fast and extensible build system which comes with first class monorepo support and powerful integrations.",images:[{url:"https://nx.dev/socials/nx-media.png",width:1200,height:600,alt:"Nx: Smart, Fast and Extensible Build System",type:"image/png"}],siteName:"Nx",type:"website"}}),(0,l.jsx)("h1",{className:"sr-only",children:"Next generation monorepo tool"}),(0,l.jsx)(t.Nq,{}),(0,l.jsx)(t.h4,{}),(0,l.jsx)("main",{id:"main",role:"main",children:(0,l.jsxs)("div",{className:"w-full",children:[(0,l.jsx)(T,{}),(0,l.jsx)(O,{}),(0,l.jsx)($,{}),(0,l.jsx)(J,{}),(0,l.jsx)(_,{}),(0,l.jsx)(B,{}),(0,l.jsx)(y,{}),(0,l.jsx)(S,{}),(0,l.jsx)(k,{}),(0,l.jsx)(Y,{}),(0,l.jsx)(A,{})]})}),(0,l.jsx)(t.$_,{})]})}}},function(e){e.O(0,[5177,8292,7287,7757,9774,2888,179],function(){return e(e.s=75779)}),_N_E=e.O()}]);