var Component=(()=>{var un=Object.create;var D=Object.defineProperty;var fn=Object.getOwnPropertyDescriptor;var dn=Object.getOwnPropertyNames;var cn=Object.getPrototypeOf,mn=Object.prototype.hasOwnProperty;var q=(f,n)=>()=>(n||f((n={exports:{}}).exports,n),n.exports),bn=(f,n)=>{for(var _ in n)D(f,_,{get:n[_],enumerable:!0})},Ne=(f,n,_,x)=>{if(n&&typeof n=="object"||typeof n=="function")for(let g of dn(n))!mn.call(f,g)&&g!==_&&D(f,g,{get:()=>n[g],enumerable:!(x=fn(n,g))||x.enumerable});return f};var yn=(f,n,_)=>(_=f!=null?un(cn(f)):{},Ne(n||!f||!f.__esModule?D(_,"default",{value:f,enumerable:!0}):_,f)),_n=f=>Ne(D({},"__esModule",{value:!0}),f);var Ce=q((vn,ve)=>{ve.exports=React});var Ee=q(z=>{"use strict";(function(){"use strict";var f=Ce(),n=Symbol.for("react.element"),_=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),g=Symbol.for("react.strict_mode"),X=Symbol.for("react.profiler"),K=Symbol.for("react.provider"),H=Symbol.for("react.context"),k=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),A=Symbol.for("react.suspense_list"),j=Symbol.for("react.memo"),I=Symbol.for("react.lazy"),je=Symbol.for("react.offscreen"),J=Symbol.iterator,Oe="@@iterator";function Pe(e){if(e===null||typeof e!="object")return null;var r=J&&e[J]||e[Oe];return typeof r=="function"?r:null}var v=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function m(e){{for(var r=arguments.length,l=new Array(r>1?r-1:0),o=1;o=1&&c>=0&&a[d]!==b[c];)c--;for(;d>=1&&c>=0;d--,c--)if(a[d]!==b[c]){if(d!==1||c!==1)do if(d--,c--,c<0||a[d]!==b[c]){var y=` `+a[d].replace(" at new "," at ");return e.displayName&&y.includes("")&&(y=y.replace("",e.displayName)),typeof e=="function"&&P.set(e,y),y}while(d>=1&&c>=0);break}}}finally{M=!1,L.current=u,Me(),Error.prepareStackTrace=s}var E=e?e.displayName||e.name:"",xe=E?O(E):"";return typeof e=="function"&&P.set(e,xe),xe}function We(e,r,l){return se(e,!1)}function Ve(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function w(e,r,l){if(e==null)return"";if(typeof e=="function")return se(e,Ve(e));if(typeof e=="string")return O(e);switch(e){case F:return O("Suspense");case A:return O("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case k:return We(e.render);case j:return w(e.type,r,l);case I:{var o=e,s=o._payload,u=o._init;try{return w(u(s),r,l)}catch{}}}return""}var B=Object.prototype.hasOwnProperty,ue={},fe=v.ReactDebugCurrentFrame;function S(e){if(e){var r=e._owner,l=w(e.type,e._source,r?r.type:null);fe.setExtraStackFrame(l)}else fe.setExtraStackFrame(null)}function Ue(e,r,l,o,s){{var u=Function.call.bind(B);for(var i in e)if(u(e,i)){var a=void 0;try{if(typeof e[i]!="function"){var b=Error((o||"React class")+": "+l+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[i]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw b.name="Invariant Violation",b}a=e[i](r,i,o,l,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(d){a=d}a&&!(a instanceof Error)&&(S(s),m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",o||"React class",l,i,typeof a),S(null)),a instanceof Error&&!(a.message in ue)&&(ue[a.message]=!0,S(s),m("Failed %s type: %s",l,a.message),S(null))}}}var Ge=Array.isArray;function Y(e){return Ge(e)}function qe(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,l=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return l}}function ze(e){try{return de(e),!1}catch{return!0}}function de(e){return""+e}function ce(e){if(ze(e))return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",qe(e)),de(e)}var T=v.ReactCurrentOwner,Xe={key:!0,ref:!0,__self:!0,__source:!0},me,be,W;W={};function Ke(e){if(B.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function He(e){if(B.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Je(e,r){if(typeof e.ref=="string"&&T.current&&r&&T.current.stateNode!==r){var l=p(T.current.type);W[l]||(m('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',p(T.current.type),e.ref),W[l]=!0)}}function Ze(e,r){{var l=function(){me||(me=!0,m("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};l.isReactWarning=!0,Object.defineProperty(e,"key",{get:l,configurable:!0})}}function Qe(e,r){{var l=function(){be||(be=!0,m("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};l.isReactWarning=!0,Object.defineProperty(e,"ref",{get:l,configurable:!0})}}var en=function(e,r,l,o,s,u,i){var a={$$typeof:n,type:e,key:r,ref:l,props:i,_owner:u};return a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(a,"_self",{configurable:!1,enumerable:!1,writable:!1,value:o}),Object.defineProperty(a,"_source",{configurable:!1,enumerable:!1,writable:!1,value:s}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a};function nn(e,r,l,o,s){{var u,i={},a=null,b=null;l!==void 0&&(ce(l),a=""+l),He(r)&&(ce(r.key),a=""+r.key),Ke(r)&&(b=r.ref,Je(r,s));for(u in r)B.call(r,u)&&!Xe.hasOwnProperty(u)&&(i[u]=r[u]);if(e&&e.defaultProps){var d=e.defaultProps;for(u in d)i[u]===void 0&&(i[u]=d[u])}if(a||b){var c=typeof e=="function"?e.displayName||e.name||"Unknown":e;a&&Ze(i,c),b&&Qe(i,c)}return en(e,a,b,s,o,T.current,i)}}var V=v.ReactCurrentOwner,ye=v.ReactDebugCurrentFrame;function C(e){if(e){var r=e._owner,l=w(e.type,e._source,r?r.type:null);ye.setExtraStackFrame(l)}else ye.setExtraStackFrame(null)}var U;U=!1;function G(e){return typeof e=="object"&&e!==null&&e.$$typeof===n}function _e(){{if(V.current){var e=p(V.current.type);if(e)return` Check the render method of \``+e+"`."}return""}}function rn(e){{if(e!==void 0){var r=e.fileName.replace(/^.*[\\\/]/,""),l=e.lineNumber;return` Check your code at `+r+":"+l+"."}return""}}var pe={};function tn(e){{var r=_e();if(!r){var l=typeof e=="string"?e:e.displayName||e.name;l&&(r=` Check the top-level render call using <`+l+">.")}return r}}function he(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var l=tn(r);if(pe[l])return;pe[l]=!0;var o="";e&&e._owner&&e._owner!==V.current&&(o=" It was passed a child from "+p(e._owner.type)+"."),C(e),m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',l,o),C(null)}}function ge(e,r){{if(typeof e!="object")return;if(Y(e))for(var l=0;l",a=" Did you accidentally export a JSX literal instead of a component?"):d=typeof e,m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",d,a)}var c=nn(e,r,l,s,u);if(c==null)return c;if(i){var y=r.children;if(y!==void 0)if(o)if(Y(y)){for(var E=0;E{"use strict";Re.exports=Ee()});var xn={};bn(xn,{default:()=>gn,frontmatter:()=>pn});var t=yn(Te()),pn={title:"Next.js - Navegaci\xF3n",description:"Navegaci\xF3n en Next.js utilizando el componente Link y el hook useRouter",category:"Exploits",image:"/next-navigation.png",tags:["react","nextjs","link","useRouter"],date:new Date(17023392e5)};function ke(f){let n=Object.assign({p:"p",strong:"strong",h3:"h3",figure:"figure",pre:"pre",code:"code",span:"span",a:"a",img:"img"},f.components);return(0,t.jsxDEV)(t.Fragment,{children:[(0,t.jsxDEV)(n.p,{children:(0,t.jsxDEV)(n.strong,{children:"La navegaci\xF3n es por el lado del cliente y el enrutamiento por el lado del servidor"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:14,columnNumber:1},this)},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:14,columnNumber:1},this),` `,(0,t.jsxDEV)(n.p,{children:`Link: Navegaci\xF3n del servidor useRouter: Navegaci\xF3n del cliente`},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:16,columnNumber:1},this),` `,(0,t.jsxDEV)(n.h3,{children:"Link component"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:19,columnNumber:1},this),` `,(0,t.jsxDEV)(n.p,{children:"Es un componente de react que amplia el elemento ancla."},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:21,columnNumber:1},this),` `,(0,t.jsxDEV)(n.figure,{"data-rehype-pretty-code-figure":"",children:(0,t.jsxDEV)(n.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"jsx","data-theme":"one-dark-pro",children:(0,t.jsxDEV)(n.code,{"data-language":"jsx","data-theme":"one-dark-pro",style:{display:"grid"},children:(0,t.jsxDEV)(n.span,{"data-line":"",children:[(0,t.jsxDEV)(n.span,{style:{color:"#C678DD"},children:"import"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:118},this),(0,t.jsxDEV)(n.span,{style:{color:"#E06C75"},children:" Link"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:159},this),(0,t.jsxDEV)(n.span,{style:{color:"#C678DD"},children:" from"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:199},this),(0,t.jsxDEV)(n.span,{style:{color:"#98C379"},children:' "next/link"'},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:239},this),(0,t.jsxDEV)(n.span,{style:{color:"#ABB2BF"},children:";"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:286},this)]},void 0,!0,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:99},this)},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:93},this)},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:1},this)},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:23,columnNumber:1},this),` `,(0,t.jsxDEV)(n.figure,{"data-rehype-pretty-code-figure":"",children:(0,t.jsxDEV)(n.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"jsx","data-theme":"one-dark-pro",children:(0,t.jsxDEV)(n.code,{"data-language":"jsx","data-theme":"one-dark-pro",style:{display:"grid"},children:(0,t.jsxDEV)(n.span,{"data-line":"",children:[(0,t.jsxDEV)(n.span,{style:{color:"#ABB2BF"},children:"<"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:118},this),(0,t.jsxDEV)(n.span,{style:{color:"#E5C07B"},children:"Link"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:159},this),(0,t.jsxDEV)(n.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" href"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:198},this),(0,t.jsxDEV)(n.span,{style:{color:"#56B6C2"},children:"="},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:256},this),(0,t.jsxDEV)(n.span,{style:{color:"#98C379"},children:'"/blog"'},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:292},this),(0,t.jsxDEV)(n.span,{style:{color:"#ABB2BF"},children:">Blog Page"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:425},this)]},void 0,!0,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:99},this)},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:93},this)},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:1},this)},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:27,columnNumber:1},this),` `,(0,t.jsxDEV)(n.p,{children:"Link din\xE1mico:"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:31,columnNumber:1},this),` `,(0,t.jsxDEV)(n.figure,{"data-rehype-pretty-code-figure":"",children:(0,t.jsxDEV)(n.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"jsx","data-theme":"one-dark-pro",children:(0,t.jsxDEV)(n.code,{"data-language":"jsx","data-theme":"one-dark-pro",style:{display:"grid"},children:(0,t.jsxDEV)(n.span,{"data-line":"",children:[(0,t.jsxDEV)(n.span,{style:{color:"#ABB2BF"},children:"<"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:118},this),(0,t.jsxDEV)(n.span,{style:{color:"#E5C07B"},children:"Link"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:159},this),(0,t.jsxDEV)(n.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" href"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:198},this),(0,t.jsxDEV)(n.span,{style:{color:"#56B6C2"},children:"="},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:256},this),(0,t.jsxDEV)(n.span,{style:{color:"#C678DD"},children:"{"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:292},this),(0,t.jsxDEV)(n.span,{style:{color:"#98C379"},children:"`/blog/"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:328},this),(0,t.jsxDEV)(n.span,{style:{color:"#C678DD"},children:"${"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:370},this),(0,t.jsxDEV)(n.span,{style:{color:"#E5C07B"},children:"post"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:407},this),(0,t.jsxDEV)(n.span,{style:{color:"#ABB2BF"},children:"."},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:446},this),(0,t.jsxDEV)(n.span,{style:{color:"#E06C75"},children:"slug"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:482},this),(0,t.jsxDEV)(n.span,{style:{color:"#C678DD"},children:"}"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:521},this),(0,t.jsxDEV)(n.span,{style:{color:"#98C379"},children:"`"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:557},this),(0,t.jsxDEV)(n.span,{style:{color:"#C678DD"},children:"}"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:593},this),(0,t.jsxDEV)(n.span,{style:{color:"#ABB2BF"},children:">M\xE1s informaci\xF3n"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:726},this)]},void 0,!0,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:99},this)},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:93},this)},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:1},this)},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:33,columnNumber:1},this),` `,(0,t.jsxDEV)(n.h3,{children:"useRouter"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:37,columnNumber:1},this),` `,(0,t.jsxDEV)(n.p,{children:["Cuando se necesite usar hooks por el lado del cliente, se debe usar ",(0,t.jsxDEV)(n.code,{children:"useClient"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:39,columnNumber:69},this)," al principio del archivo"]},void 0,!0,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:39,columnNumber:1},this),` `,(0,t.jsxDEV)(n.p,{children:["useRouter (",(0,t.jsxDEV)(n.a,{href:"https://beta.nextjs.org/docs/api-reference/use-router#userouter",children:"useRouter API"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:41,columnNumber:12},this),") le permite cambiar de ruta program\xE1ticamente. Pero solo en\xA0",(0,t.jsxDEV)(n.strong,{children:"client components"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:41,columnNumber:153},this),"."]},void 0,!0,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:41,columnNumber:1},this),` `,(0,t.jsxDEV)(n.p,{children:(0,t.jsxDEV)(n.img,{src:"/next-navigation.png",alt:"MarineGEO circle logo",title:"MarineGEO logo"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:43,columnNumber:1},this)},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:43,columnNumber:1},this),` `,(0,t.jsxDEV)(n.figure,{"data-rehype-pretty-code-figure":"",children:(0,t.jsxDEV)(n.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"jsx","data-theme":"one-dark-pro",children:(0,t.jsxDEV)(n.code,{"data-language":"jsx","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,t.jsxDEV)(n.span,{"data-line":"",children:[(0,t.jsxDEV)(n.span,{style:{color:"#E5C07B"},children:"router"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:118},this),(0,t.jsxDEV)(n.span,{style:{color:"#ABB2BF"},children:"."},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:159},this),(0,t.jsxDEV)(n.span,{style:{color:"#61AFEF"},children:"back"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:195},this),(0,t.jsxDEV)(n.span,{style:{color:"#ABB2BF"},children:"();"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:234},this)]},void 0,!0,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:99},this),` `,(0,t.jsxDEV)(n.span,{"data-line":"",children:[(0,t.jsxDEV)(n.span,{style:{color:"#E5C07B"},children:"router"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:2,columnNumber:20},this),(0,t.jsxDEV)(n.span,{style:{color:"#ABB2BF"},children:"."},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:2,columnNumber:61},this),(0,t.jsxDEV)(n.span,{style:{color:"#61AFEF"},children:"push"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:2,columnNumber:97},this),(0,t.jsxDEV)(n.span,{style:{color:"#ABB2BF"},children:"("},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:2,columnNumber:136},this),(0,t.jsxDEV)(n.span,{style:{color:"#98C379"},children:'"/blog"'},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:2,columnNumber:172},this),(0,t.jsxDEV)(n.span,{style:{color:"#ABB2BF"},children:");"},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:2,columnNumber:214},this)]},void 0,!0,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:2,columnNumber:1},this)]},void 0,!0,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:93},this)},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:1},this)},void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:45,columnNumber:1},this)]},void 0,!0,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx",lineNumber:1,columnNumber:1},this)}function hn(f={}){let{wrapper:n}=f.components||{};return n?(0,t.jsxDEV)(n,Object.assign({},f,{children:(0,t.jsxDEV)(ke,f,void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx"},this)}),void 0,!1,{fileName:"/home/leslie/Cytrong/blog-next-contentlayer/posts/_mdx_bundler_entry_point-efd79247-1f6b-4631-b0e5-5a41626a10f3.mdx"},this):ke(f)}var gn=hn;return _n(xn);})(); /*! Bundled license information: react/cjs/react-jsx-dev-runtime.development.js: (** * @license React * react-jsx-dev-runtime.development.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) */ ;return Component;

Tags: useRouter

Next.js - Navegación