Cómo DESPLEGAR Aplicaciones Web con NEXT.js en FIREBASE HOSTING - Server Side Rendering

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ม.ค. 2025

ความคิดเห็น • 31

  • @CarlosAzaustre
    @CarlosAzaustre  2 ปีที่แล้ว +2

    Inicia tu aprendizaje en Coderhouse y recibe un 10% adicional con el código CARLOSCODER, haciendo click aquí: carlosazaustre.es/coderhouse

  • @DanielHernandez-xq1ex
    @DanielHernandez-xq1ex ปีที่แล้ว +15

    Para los que ya tengan su proyecto y solo quieran ver como deplegar, todo comienza en el minuto 8:25

  • @cristiantapiaolivera2234
    @cristiantapiaolivera2234 2 ปีที่แล้ว +3

    Gracias por el video Carlos, muy clara la explicación

    • @CarlosAzaustre
      @CarlosAzaustre  2 ปีที่แล้ว +1

      Un placer Cristian! Y gracias a ti por tu apoyo estos 7 años que llevas suscrito al canal 🤩

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 2 ปีที่แล้ว +2

    Por fin , justo quería algo de Firebase

    • @CarlosAzaustre
      @CarlosAzaustre  2 ปีที่แล้ว +2

      Se vienen cositas! 🔥
      ¿Qué otros temas de Firebase te gustaría ver?

    • @karol.favian
      @karol.favian ปีที่แล้ว

      En youtube hay pocos videos de como desplegar firebase en blogger. Sería muy útil que hicieras un video sobre ese tema.

  • @wol-36
    @wol-36 11 หลายเดือนก่อน

    Me encanto, es un stack brutal, y me parecee el meojor de todos...

  • @chaboxx159c
    @chaboxx159c 2 ปีที่แล้ว +1

    Gracias por tu contenido Carlos, se agradece mucho

    • @CarlosAzaustre
      @CarlosAzaustre  2 ปีที่แล้ว

      A ti Rodrigo! Me alegra saberlo :)

  • @LeoZeronljz
    @LeoZeronljz ปีที่แล้ว

    Excelente de verdad funciono perfectamente

  • @ezequielstom6745
    @ezequielstom6745 2 ปีที่แล้ว +1

    Carlos, estoy arrancando con la ☁️, con cuál recomiendas empezar aws, gcp o azure. Para donde encaramos las prácticas?

    • @CarlosAzaustre
      @CarlosAzaustre  2 ปีที่แล้ว +1

      SI estás empezando creo que lo más sencillo es Firebase, de las demás no he probado más que un poco GCP, por tanto no puedo decirte si es mejor o peor.

  • @AntonioDios
    @AntonioDios ปีที่แล้ว

    Una consulta. Puedo hacer el deploy pero se despliega como una estática.

    • @AntonioDios
      @AntonioDios ปีที่แล้ว

      Solo pueda tener conexión a firestore con urls? como una api rest? no puedo usar el sdk de firebase?

  • @marcoscanete2366
    @marcoscanete2366 2 ปีที่แล้ว +1

    Hola una pregunta! que versiond de next estas usando? la 13 o la 12? porque estoy trabajando con la version 13 y hago exactamente los mismos pasos que haces para el deploy pero me tira error al hacer el firebase deploy, el log de firebase me dice TypeError: Cannot read properties of null (reading 'toString')
    at ɵcodegenFunctionsDirectory (C:\Users\Usuario\AppData\Roaming
    pm
    ode_modules\firebase-tools\lib\frameworks
    ext\index.js:220:18)
    at async prepareFrameworks (C:\Users\Usuario\AppData\Roaming
    pm
    ode_modules\firebase-tools\lib\frameworks\index.js:305:84)
    at async deploy (C:\Users\Usuario\AppData\Roaming
    pm
    ode_modules\firebase-tools\lib\deploy\index.js:53:13)
    [error]
    [error] Error: An unexpected error has occurred.

    • @codigoq6084
      @codigoq6084 2 ปีที่แล้ว

      Casi siempre que tengas un "Cannot read properties of null/undefined" suele ser porque aún no estaban los datos listos, es decir que no puedes aplicar un metodo "toString()" a null porque ese es un metodo para numeros
      no he visto el video aún pero agregando un "?" justo antes del método puedes prevenir esto, es decir "variable?.metodo()"

    • @diegoramirez9710
      @diegoramirez9710 2 ปีที่แล้ว

      me pasa exactamente lo mismo

  • @pedripinto
    @pedripinto ปีที่แล้ว +1

    Carlos, una pregunta :)
    Si hago mi aplicación server side rendering, no daría problemas en el hipotético caso de que esa app si hiciera cada vez más grande y demandara demasiado trabajo al servidor? Tengo en mente la idea de hacer una página en la que se hablará de cine, no tengo pensado que sea muy grande pero y si se diera el caso? 🤔

  • @ocultismoar
    @ocultismoar 2 ปีที่แล้ว

    Gracias, Carlos! Muy buen video! Firebase lo utilizo, prácticamente, desde que salió, ahora la pregunta es, al dia de hoy es mejor usar Next o Remix?

    • @CarlosAzaustre
      @CarlosAzaustre  2 ปีที่แล้ว +1

      A ti Amti! Pues Remix no lo he utilizado, pero Next funciona tan bien y me gusta que ¿Para qué cambiar?

  • @trasgoverde
    @trasgoverde 2 ปีที่แล้ว +1

    Estoy bloqueado con una app en Nextjs sobre Firebase (Blaze Plan), me bloquea los API requests con error 401 (Axios), pero en local y con Firebase Emulator me funciona todo perfectamente. He seguido todas tus instrucciones, incluso la de Quitar Autentificación para interactuar con el SSR, pero no hay manera ¿Algún consejo? ¿Alguna posible solución? Muchas gracias de antemano.
    Package Json:
    {
    "name": "prueba",
    "version": "0.1.0",
    "private": true,
    "scripts": {
    "dev": "next dev",
    "build": "next build && next export",
    "start": "next start",
    "lint": "next lint"
    },
    "dependencies": {
    "@emotion/react": "^11.10.5",
    "@emotion/styled": "^11.10.5",
    "@web3-react/core": "^6.1.9",
    "@web3-react/injected-connector": "^6.0.7",
    "eslint": "8.27.0",
    "eslint-config-next": "13.0.3",
    "firebase": "^9.15.0",
    "framer-motion": "^6.5.1",
    "next": "13.0.3",
    "openai": "^3.1.0",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-firebase-hooks": "^5.1.1",
    "web3": "^1.8.1"
    }
    }

  • @fernandotorrescalva646
    @fernandotorrescalva646 2 ปีที่แล้ว

    Hola Carlos! Estoy teniendo problemas para conectar una base de datos de firebase con una pagina web, algún consejo para encontrar solución? saludos!

  • @Jeremy-MateoTOBON
    @Jeremy-MateoTOBON 2 ปีที่แล้ว +1

    que version de firebase estas utilizando en el video? estoy tratando de desplegar pero no me deja realizarlo me sale lo siguiente:
    Building a Cloud Function to run this application. This is needed due to:
    • Image Optimization
    • non-static route /Audios
    • non-static route /Demo
    • non-static route /_documents
    • non-static route /auth/login
    • and 4 other reasons, use --debug to see more
    Error: An unexpected error has occurred.

  • @alekelbar
    @alekelbar ปีที่แล้ว

    Tengo el inconveniente de que me sube una build de desarrollo. :(

  • @1qazxsw2010
    @1qazxsw2010 2 ปีที่แล้ว +1

    Genial, Carlos. No sabía que podía desplegar en firebase. Si me permites regresar un poquito el favor y si de algo sirve en absoluto, y perdón por anticipado, se me sale lo bestia de repente... image se pronuncia más o menos 'imesh', images 'imeshes' y trigger 'triguer'. Perdónenme, me da ansiedad ese rollo, no quiero ofender a nadie.

    • @CarlosAzaustre
      @CarlosAzaustre  2 ปีที่แล้ว +2

      Gracias Edgar. La pronunciación en inglés no es uno de mis fuertes (en español tampoco 😅)

  • @santyas
    @santyas 2 ปีที่แล้ว

    Interesante! ¿Y esa playera dónde la consigo? :P

    • @CarlosAzaustre
      @CarlosAzaustre  2 ปีที่แล้ว +1

      jajaj, esto fue un obsequio, no la tienen a la venta.

  • @srvenner
    @srvenner 4 หลายเดือนก่อน

    a alguien le dio el problema de que no se visualizan las imagenes? :C