Nextjs13 Subida de Archivos

[@franmurillo6960]

me encantan los proyectos que hace este chaval... son simples pero fundamentales, e aprendido mucho con estos videos

[@Deus-lo-Vuilt]

Gracias por los vídeos prácticos de Next , ojalá subas mas cosas así 🎉

[@Epsaind]

Gracias fazt , justo lo que queria

[@yassir-amzel]

Ayer me rompí la cabeza tratando de hacer el preview y lo hice jaja. y hoy hay tutorial . Se agradece el aporte. y veré que puedo mejorar guiandome de tu video :D

[@ezequielgarcia4609]

Muchas gracias por este vídeo, la verdad se agradece mucho porque estoy usando nextJS y todo aporte es Bienvenido. Gracias por compartir y tu trabajo 😊

[@andresariascapurro]

Que buen aporte , muchas gracias por compartir conocimientos!!! Para próximo, con persistencia en nube y pronto .

[@FaztCode]

Justo hoy vercel acaba de anunciar su propio servicio de base de datos y almacenaje, mañana publico un tutorial del tema

[@diegoalairelibre]

🚨 El procedimiento es correcto y está muy bien explicado pero lamentablemente con Nextjs no va a funcionar cuando pasemos a producción. Lo dice la propia dcumentacion de nextjs: Note: Only assets that are in the public directory at build time will be served by Next.js. Files added at runtime won't be available. We recommend using a third party service like AWS S3 for persistent file storage. Es decir …. Cuando estemos en nuestro ambiente de desarrollo vamos a poder ver las imagenes subidas en nuestro localhost, pero luego del build ya no va a funcionar

[@luismiguel4546]

tengo un blog con next y ocupo algo parecido a lo del video pero cuando vi que se guardaba en la carpeta public me surgio esa duda, a la hora de que suba una imagen se hara un build nuevo para poder ver esos archivos que se agregaron a la carpeta public? justo necesitaba un comentario como este y que mejor haciendo referencia directa de la documentacion, thank u!

[@SmadDuff]

Sería cool un video tutorial de como crear una web con NextJS usando Firebase para hacer llegar notificaciones, guardar, subir archivos y permosos de usuarios usando el Auth :D

[@christianmagnus1003]

Jajaja eso ya es una app de baja-media scala, eso debería poder hacerla vos solo, si es que te consideras desarrollador ya... no esperar que otros hagan las cosas por vos...

[@SmadDuff]

@@christianmagnus1003 de que sirve un codigo libre o base si no lo comparte o la persona que lo descarga no sabe como mejorar la app? Lo que importa es aprender como genera este sistema no que lo haga gratis para todos :) hay canales en ingles que hacen incluso copias de apps grandes pero sería cool verlo en español

[@santyas]

Es algo bastante custom, pero podrías buscar tutos por separado de cada ítem y luego integrarlos por tu cuenta usando async await. La subida de archivos a firebase me resulta más óptima versus vercel ya que este es costoso en cuanto a manejo de archivos y consumo de bandwidth.

[@SmadDuff]

@@santyas Muchas gracias por tu comentario! te refieres al host de firebase mas economico que vercel? tengo entendido que solo por pagar 20 usd ya te viene mucho nivel de recursos

[@santyas]

@@SmadDuff firebase únicamente para los archivos que se adjuntan en el formulario, y vercel solo para alojar el proyecto nextjs

[@gposoft]

muy bien gracias, estaria fabulo poder ponerle barra de progreso luego hay archivos muy grandes, saludos

[@Alejandroponce00]

muy bun video,gracias

[@ClaudioUribe01]

¡Muchas gracias! Buen ritmo y buenos conocimientos compartidos. Una pregunta: Ya que escribes todo el código en inglés, ¿por qué no haces el tutorial enteramente en inglés?

[@josemarcos4559]

Hola Fazt. Me preguntaba si hay una forma de usar formData en apis de Pages Router. O es algo exclusivo de las apis dentro de app router

[@WebDeveloperUrianViera]

Gracias

[@Diego...-wn1et]

Gracias amigo, justo estaba buscando como hacer esto 😁

[@todobarato007]

lo que estaba buscando gracias amigo

[@arnoldtorres3375]

Muchas gracias @fazt 🎉🎉🎉 saludos desde Colombia

[@fernandomoran3163]

Una pregunta. En next no te da problemas usar una framework de css. En vite me vuelvo loco por que no puedo controlar los contenedores por defecto y tengo que usar position absolute para poder colocar mis elementos como quiero.

[@tomassalazar9000]

Me encantan tus video he aprendido bastante pero tengo un proyecto que no instale el router para procesar los datos del prado de la api y necesito enviar archivos al servidor y el ejemplo que tu das aquí no me sirve me puedes dar una idea de como hacer ocupando el (req, res) ya le he dado muchas vueltas y la verdad que no doy mil gracias de antemanos

[@UnPeruanoenMinecraft]

Holaaa fast, como lograste hacer ese efectos de los bordes en tus apps de escritorio!!! Geniales

[@hill3099]

Hola Fazt, soy relativamente nuevo en Next, sería recomendable usar Nextjs 13 para una página web con un backend relativamente básico? ocupo solo entradas y categorías, y un filtro de búsqueda.

[@SmadDuff]

Muy buen video broo!

[@Deus-lo-Vuilt]

En la version 13.4 que es la estable ahora , desaparecio la carpeta api , murio x.x

[@FaztCode]

Pues he actualizado el codigo, y sigue funcionando la carpeta API, el que no este la carpeta no significa que la funcionalidad no este, facilmente creas la carpeta con el mismo codigo y es el mismo nextjs.org/blog/next-13-4 nextjs.org/docs/pages/building-your-application/routing/api-routes

[@Deus-lo-Vuilt]

@@FaztCode Tenias razón , gracias fazt , ojalá sigas subiendo de lo nuevo de Next

[@yassir-amzel]

Por alguna razón tuve problemas en la API tratando de leer el request.formData() decía que no era una función 😔 revise el request y en el body si iba la imagen, al final solucione usando una librería que facilita el guardado de la imagen en disco.

[@lisandrocba777]

Hola, me estoy rompiendo la cabeza con el mismo error. jaja me podrias pasar el nombre de la libreria que usaste?

[@yassir-amzel]

@@lisandrocba777 use la librería de formidable. Por lo menos para mí se me hizo muy fácil hacer el upload del archivo. Y algo más que no va con el tema, para producción el upload parece no ser funcional no pude hacer que después del build me guardara las imágenes en el servidor. Termine usando un servicio de nodejs para administrar los archivos a parte.

[@angeloordonez1131]

¿Cómo puedo hacer que funcione en producción, porque para poder acceder a las imágenes subidas tengo volver hacer el build de todo el proyecto para poder acceder a esas imágenes, alguna solución?

[@luismiguel4546]

Guardar tus imagenes en la nube, podria ser en drive, aws s3, o spaces de digitalocean

[@josepazmino842]

No se si sea posible tal vez una demostración de como terner una sesión persistente, por que de lo que he visto algunos guardan la información en el localstorage pero no es muy seguro y no encuentro mucha información de como manejarlo tanto en back como en frontend

[@yassir-amzel]

Podes usar el paquete iron-session para crear una cookie. la mecánica es usar una llave del lado del servidor para cifrar los datos (lo que necesites guardar) y al leerla usar la misma llave para ver los datos. la cookie esta cifrada del lado del cliente recién la estoy usando.

[@alexqs96]

hay un video de fazt que se llama nextjs jwt cookie, en el que hace lo que te explico Yassir.

[@josepazmino842]

@@yassir-amzel Gracias, lo voy aprobar

[@josepazmino842]

@@alexqs96 Gracias, ya lo reviso

[@yassir-amzel]

@@alexqs96 no sabía que estaba ese vídeo. Lo buscaré 😎😎

[@Holri]

Master 😈

[@thephalcon]

Sir one full course on nextjs plz

[@FaztCode]

I will publish a course of nextjs 13 this week

[@detodoperu3997]

Que es ESO ???

[@fura-tan]

No es lo mismo si no uso TypeScript 🥲