te amo, sos lo mas preciosos que existe, no pares de ensenar, me he mirado miles de cursos y preparado un monton, pero tu trabajo ha sido lo que me impulso a ser un desarrollador bien pagado, gracias de verdad
Midu en realidad es creado por IA, y mediante información relevada a través de cookies y el contexto de window hoy de Google recolectan Info, generan muestreos y perfiles regionales, y una IA crea un video con la imagen de Midu sobre los temas más buscados o visitados en internet, por eso es importante bloquear las cookies 😊
Tenía que presentar, levanté un proyecto que no había tocado en semanas y empezó a fallar. Sabía que habías subido un video de Strapi y Next.js y pensé que también te había salido el error de fetching y fue así como me diste la solución y evitaste mi despido gracias XD
Tocayo^2 me has alegrado la vida con este vídeo y no sabes cuánto mostrándome esta maravilla (si, sé que el vídeo lleva un mes pero ahora es que he tenido tiempo de verlo, jeje) Un saludo desde República Dominicana!!
Midu god, Strapi lo ocupo en mi trabajo y al principio me constó entender el funcionamiento de los lifecycles, bueno en realidad muchas cosas, pero tu video en buenísimo. Gracias por tu contenido.
Una pregunta @yulissaazucenamartinezdiaz2637 ¿Por qué cuando me registro o inicio sesión en Strapi, me proporciona un 'JWT', lo cual está bien porque contiene la información del usuario, pero por qué con ese token, incluso si es de otro usuario, se pueden editar datos de otro usuario que ni siquiera le pertenecen? Solo debería poder actualizar los datos que le pertenecen. ¿Por qué sucede esto? Es debido a la bandera 'Authenticated', es decir, si un usuario ve la ruta de la API, puede hacer un POST o un PUT en otra tabla como si fuera un administrador con solo obtener el 'JWT' cuando no debería ser así. ¿Cómo puedo hacer que esta parte sea más segura?
@@davidgabrielcayllahuabetal2637 Yo creo que estás confundiendo los usuarios del CMS (Strapi) y los usuarios de tu aplicación. Los 2 roles que mostró Midu son para los usuarios de la aplicación. Entonces, si por ejemplo tienes tu frontend con un login para los usuarios, esos usuarios tomarán el rol de Authenticated. Si no inician sesión, sería el rol de Public. Es por eso que Midu modifica los permisos del rol "Public" porque no le iba a dar tiempo de configurar usuarios para que entraran por un inicio de sesión como Google, LinkedIn, OAuth, etc... para entrar como Authenticated. Ahora, estos usuarios no son los mismos usuarios que entran al CMS de Strapi. Sería muy malo que los usuarios de tu aplicación frontend pudieran entrar a tu CMS. Es como iniciar sesión a Gmail vs iniciar sesión a los servidores de Google y moverle a sus bases de datos a diestra y siniestra. Por último, si quieres restringir lo que puede modificar X o Y usuario del CMS/Strapi es más complicado. Te sugiero buscar documentación en Strapi o buscar tutoriales o artículos sobre eso. Hay un blog oficial de Strapi llamado "Restricting Permissions in Strapi Admin Panel" muy a detalle (aunque muy largo, también) en caso de que quieras buscarlo.
Man, me has dado en el cora. Strapi lo llevo utilizando hace algun tiempo y es lo mejor de lo mejor. Buena esa Midu! ...la creación de plugins y los de terceros, el plugin de lru cache uff, es miel puraa! El deploy es súper sencillo con App Runner de AWS.
[ Solucion con el error 42:47 ] Hola buenas quizás te puedo aportar algo y a los chicos también, el error que se da en el tiempo 42:47 , me a pasado haciendo pruebas de pentesting, eso pasa con el archivo hosts de los sistemas operativos, por defecto algunos sistemas operativos tienen sobre escrito el localhost, y el localhost no siempre se puede resolver a 127.0.0.1, asi que para solucionarlo deben editar el archivo hosts, en cada sistema operativo es diferente, ahora saben el por que pasa ;) , por otro lado muy interesante strapi, no lo conocía y creo que me puede servir bastante para mis futuros proyectos, ya que por lo que e visto hasta ahora esta muy potente, es fácil de usar, y sencillo de configurar, muy buen contenido, Saludos y Abrazos
Se me olvido mencionar algo mas, es normal que pase en mac os, a pesar de que no tengo uno, tengo entendido que apuesta mucho por la seguridad, así que puede que lo tenga sobre escrito el localhost por temas de seguridad, asi lo resuelve a otro lado que no sea 127.0.0.1
Soy backend developer (y un poco de front) 100% lover de C# (dotnet core) y typescript (Angular) pero van varios vídeos que me miro casi completos y son tan interesantes, buen embajador de javascript 👍🏻, felicidades!!
Super el video, 10 de 10, me surge algunas dudas y estas son: 1.- ¿Puedo usar hostinger para hospedar Strapi? 2.- De ser si, la respuesta a la pregunta anterior, ¿Cómo se debe hacer? 3.- Caso contrario, ¿Qué recomendarías?
@@yavallejo De hecho me puse a buscar y con digital ocean se puede hacer muy fácil, ademas me da como mas confianza por que digital ocean tiene decadas siendo muy bueno, render es muy nuevo
Tienes razón @@jsantos1220 , se me olvido escribir la palabra "Gratis" como para hacer pruebas y demás, si existen otras alternativas de pago que facilitan mucho el proceso. Saludos
Gracias midu por tu aporte, midu como haces para que en produccion se ejecute el Strapi sin tener la terminal abierta, usas pm2 o que usas y como lo configuras para que funcione
Excelente video. Aprendo mucho de sus videos. Una pequeña recomendación con mucha humildad. ¿Puede precisar en el concepto de slug? A mi entender y puedo estar equivocado, como lo ha explicado en este video, se puede confundir el concepto de lo que es un slug, con las "best practices" y estrategias óptimas para la creación de los slugs pues ayuda en los SEO Rankings. Gracias!
Jajjaja, olvidate amigo, no pienses en el suicidio nomas. Es una basura Strapi, tienes que darle comido TODA la ruta donde esta el proyecto, no cerrar jamas el CMD de ejecucion, y eso que espera no tener algun firewall, o problemas de rendimiento en tu equipo.
Hola Midu, esto de Strapi no es bastante similar a DJango? Aunque tiene diferencias, cosas nuevas y tal, pero creo que se parece almenos en la parte de rellenar un item de una colección (En django las tablas). Un saludo, me encantan tus videos.
y la parte del deploy que varias veces dijiste que era la parte difícil? me interesa sobremanera esa parte. No me sirve un sitio que entre Vercel y otra empresa me tenga que gastar 50 o 60 dólares mensuales.... Sería bueno ver donde desplegar Strapi de manera económica..... Se podrá desplegar en un hosting con cpanel que soporte apps con Node? ya he desplegado apps de node en servers con cpanel y van bien.
Hola midu saludos, gracias por compartir tus conocimientos. Cómo hago para ver tus streaming? Que plataforma? Y si tienes un día específico que haces streaming? Saludos
Interesante. Se parece mucho al Voyager de Laravel. Una pregunta: El componente genera costos aunque tenga todo self-hosted en una instancia EC2? Tanto frontend como el backend de Strapi.
AYUDAAAAAAA!!!!!! Estoy intentanto usar Next 14 pero no me renderiza los cambios por ejemplo un fetch ni siquiera un console.log (en windows 11 ni en WSL) No sé que puede ser 😭😭😭😭
No se porque pero no me esta mostrando la informacion de la api cunado ingreso al localhost. asi cambie los permisos solo me muestra la paginación pero no los datos
Justo estoy armando un proyecto a si para un cliente me viene joya esta video , gracias!! esperamos el deploy por favor que me esta costando algunas cosas.
Hola ! si alguien me puede ayudar, me instala todo a la perfección pero cuando me lanza el localhost para las credenciales, me queda el navegador en nada. como que no existe, ya lo probe en dos OS diferentes y me hace lo mismo.
Me acuerdo con una relacion que ise con sequelize-cli y un poco royo cuando dice que no existe el apartado UserId porque tenia que ser UserIds y luego que te diga que no existe UserId. Yo llore las primeras veces.
exelente video, me queda una duda con Nextjs al usuar server render component y tener otro backend no estamos duplicando la infraestrrucura que se requiere?. aun no entiendo bien como funciona pero me da la sencacion
Ya tiene 9 meses esta pregunta, seguro ya te la respondiste, pero por si alguien más viene por acá y se pregunta lo mismo, respondo con el conocimiento que he estado aprendiendo: Empecemos por notar que normalmente asociamos "backend" con "servidor" cuando en realidad el servidor no es exclusivo de los backends. El frontend también tiene un servidor en el cual está "hosteado". Digamos que son 2 servidores diferentes con diferentes propósitos. Cuando un Frontend se dice que es "SSR" (Server-Side Rendering), significa que el código se renderiza en el servidor donde está hosteado, y no en el cliente (el navegador del usuario). Es decir, cuando NO es SSR, una aplicación con React, Vuejs, Angular, etc., lo que hace es que el servidor (el host) devuelve el código Javascript y un index.html semi-vacío, después el navegador interpreta el código Javascript y GENERA todo lo que debe ir dentro del index.html que es toda la UI. Todos los componentes que verá el usuario. Cuando es SSR, este procesamiento no pasa en el navegador del cliente, sino que lo hace el servidor/host del Frontend y al usuario le devuelve el código HTML ya generado. De esta manera no hay carga sobre el usuario, sino en el servidor. No confundirnos con el Servidor del Backend, que es el que tiene como propósito ser un RESTful API para obtener los datos de la Base de Datos. Es por eso que en el ejemplo se tienen 2 proyectos y cada uno corre en un puerto diferente (1337 -> Para el backend/Strapi, y el 3000 para el Frontend) Espero se haya comprendido. Saludos.
Excelente explicación, me encantan tus videos ya que son fáciles de entender!! Tenía una consulta: ¿Dónde recomiendas desplegar los proyectos de backend como strapi? ¿Tienes alguna preferencia/recomendación? Si es posible, que me permita subir el frontend al mismo tiempo y que los costos no sean muy elevados. Gracias de antemano y saludos desde Honduras!!
Excelente vídeo, fue de gran ayuda!! 🙂🙂, creo que muchos tenemos la duda de cómo enviar imágenes a Strapi por medio de un JSON mediante POST, ya que el tratamiento es un poco deferente, alguien sabe como se puede hacer 🙏🙏?
No sabes cuánto tiempo he intentado convencer a mi empresa de utilizar Strapi (he hecho demos, comparaciones, etc). Aún no me hacen caso pero esperemos que algún día 😂
Y si quisieras añadir la fecha de publicación en cada plataforma? habría que crear un collection type para almacenar la fecha, plataforma y video juego y luego seleccionarlo desde el video juego? sería engorroso, no? hay alguna opción de introducirlo todo al crear el juego?
Son dos cosas diferentes compare. Supabase es para base de datos y autenticación principalmente. Strapi es un gestor de contenido, como wordpress, sanity, etc. Entiendo que pudiera parecer lo mismo, ya que bien podrías usar una base de datos para gestionar el contenido, sin embargo, con un CMS te olvidas de tener que programar una interfaz gráfica (UI) para gestionar el contenido y las operaciones CRUD de las tablas, el CMS ya hizo eso por ti.
Si al correr el comando run dev develop tienen este error en el localhost : This page isn’t workinglocalhost didn’t send any data. ERR_EMPTY_RESPONSE El problema esta en que Razer chroma se ejecuta en el mismo puerto. Para verlo pueden correr el comando netstat -aon y buscar el PID que coincide con el localhost:1337 en su task manager. para resolverlo fui al .env y cambie esto: PORT=1338 npm run build npm run develop
Ese tutorial es casi perfecto.... falta el deploy. He evaluado muchas veces el utilizo de Strapi pero el hosting para su deploy es muy caro. ¿Tienes alguna idea, como Vercel = deploy free?
Hola Midu con las disculpas necesarias, mi nombre es Alfredo, me gustaría presentarte mi proyecto (algo muy similar al que estas presentando); pero mi ubicación geográfica y mis condiciones laborales actuales no me permite verte en directo, solo en diferido; por tal razón no hay posibilidad alguna que pueda tener la oportunidad de compatir en un directo e intentar interactuar. Soy amante del desarrollo y dedico mucho tiempo a ello, pero hasta el día de hoy no puedo subsistir del mismo, aún así he dado mis proyectos al open source si alguien los quiere conocer son libres.
Son dos cosas diferentes compare. Supabase es para base de datos y autenticación principalmente (una alternativa a AWS RDS, Firebase, etc.) Strapi es un gestor de contenido, como wordpress, sanity, etc. Entiendo que pudiera parecer lo mismo, ya que bien podrías usar una base de datos para gestionar el contenido, sin embargo, con un CMS te olvidas de tener que programar una interfaz gráfica (UI) para las operaciones CRUD de las tablas, el CMS ya hizo eso por ti.
WordPress + JetEngine y JetFormBuilder (de Crocoblock) + Bricks Builder o Elementor es un muy buen combo también. Molaría que un dia lo miraras en un directo. Son plugins de pago, pero permiten hacer de todo, sin código.
Vere todo el video, despues de 5 tutoriales y 4 horas con ChatGPT, espero de corazon no odiar esa basura de Strapi, empezando por sus cuelgues. No quiero ser como casi todos los que odiamos WP y despues de Strapi nos forzamos a volver a WP. Si algun dia lo hacen facil a Strapi se agradece, es tan simple lo que se pide y tan complicado lo que propone aun. Parece que juegan en pared con Wordpress. Ahh, y en el entorno ha cambiado, ahora hay dos tipos de richtext... y hay errores en los dos.
Como CMS es bueno strapi , pero para el deploy esta super verde, nadie explica ni en youtube, ni la documentacion, ni chat gpt siquiera... le falta tiempo me parece.
te amo, sos lo mas preciosos que existe, no pares de ensenar, me he mirado miles de cursos y preparado un monton, pero tu trabajo ha sido lo que me impulso a ser un desarrollador bien pagado, gracias de verdad
Sos un Animal, sos Grosisimo, tengo mas de 20 años escribiendo codig y cada vez que decis algo nuevo, me refactorizo
No se como lo haces pero me pongo a usar / tocar alguna tecnologia y 10 dias despues sacas un video, me siento: espiado.
Usa las cookies
Las Google ads xd
Midu en realidad es creado por IA, y mediante información relevada a través de cookies y el contexto de window hoy de Google recolectan Info, generan muestreos y perfiles regionales, y una IA crea un video con la imagen de Midu sobre los temas más buscados o visitados en internet, por eso es importante bloquear las cookies 😊
google trends y ese tipo de herramientas....
Tenía que presentar, levanté un proyecto que no había tocado en semanas y empezó a fallar. Sabía que habías subido un video de Strapi y Next.js y pensé que también te había salido el error de fetching y fue así como me diste la solución y evitaste mi despido gracias XD
Tocayo^2 me has alegrado la vida con este vídeo y no sabes cuánto mostrándome esta maravilla (si, sé que el vídeo lleva un mes pero ahora es que he tenido tiempo de verlo, jeje) Un saludo desde República Dominicana!!
Midu god, Strapi lo ocupo en mi trabajo y al principio me constó entender el funcionamiento de los lifecycles, bueno en realidad muchas cosas, pero tu video en buenísimo. Gracias por tu contenido.
Una pregunta @yulissaazucenamartinezdiaz2637 ¿Por qué cuando me registro o inicio sesión en Strapi, me proporciona un 'JWT', lo cual está bien porque contiene la información del usuario, pero por qué con ese token, incluso si es de otro usuario, se pueden editar datos de otro usuario que ni siquiera le pertenecen? Solo debería poder actualizar los datos que le pertenecen. ¿Por qué sucede esto? Es debido a la bandera 'Authenticated', es decir, si un usuario ve la ruta de la API, puede hacer un POST o un PUT en otra tabla como si fuera un administrador con solo obtener el 'JWT' cuando no debería ser así. ¿Cómo puedo hacer que esta parte sea más segura?
@@davidgabrielcayllahuabetal2637
Yo creo que estás confundiendo los usuarios del CMS (Strapi) y los usuarios de tu aplicación.
Los 2 roles que mostró Midu son para los usuarios de la aplicación. Entonces, si por ejemplo tienes tu frontend con un login para los usuarios, esos usuarios tomarán el rol de Authenticated. Si no inician sesión, sería el rol de Public.
Es por eso que Midu modifica los permisos del rol "Public" porque no le iba a dar tiempo de configurar usuarios para que entraran por un inicio de sesión como Google, LinkedIn, OAuth, etc... para entrar como Authenticated.
Ahora, estos usuarios no son los mismos usuarios que entran al CMS de Strapi. Sería muy malo que los usuarios de tu aplicación frontend pudieran entrar a tu CMS. Es como iniciar sesión a Gmail vs iniciar sesión a los servidores de Google y moverle a sus bases de datos a diestra y siniestra.
Por último, si quieres restringir lo que puede modificar X o Y usuario del CMS/Strapi es más complicado. Te sugiero buscar documentación en Strapi o buscar tutoriales o artículos sobre eso. Hay un blog oficial de Strapi llamado "Restricting Permissions in Strapi Admin Panel" muy a detalle (aunque muy largo, también) en caso de que quieras buscarlo.
Man, me has dado en el cora. Strapi lo llevo utilizando hace algun tiempo y es lo mejor de lo mejor. Buena esa Midu! ...la creación de plugins y los de terceros, el plugin de lru cache uff, es miel puraa! El deploy es súper sencillo con App Runner de AWS.
Hola, tendrás un ejemplo sobre "el plugin de lru cache" o una documentación para poder analizarlo por favor
@@davidgabrielcayllahuabetal2637 Hola david, super interesante lo de APP runers, tienes algun material que lo explique?
[ Solucion con el error 42:47 ] Hola buenas quizás te puedo aportar algo y a los chicos también, el error que se da en el tiempo 42:47 , me a pasado haciendo pruebas de pentesting, eso pasa con el archivo hosts de los sistemas operativos, por defecto algunos sistemas operativos tienen sobre escrito el localhost, y el localhost no siempre se puede resolver a 127.0.0.1, asi que para solucionarlo deben editar el archivo hosts, en cada sistema operativo es diferente, ahora saben el por que pasa ;) , por otro lado muy interesante strapi, no lo conocía y creo que me puede servir bastante para mis futuros proyectos, ya que por lo que e visto hasta ahora esta muy potente, es fácil de usar, y sencillo de configurar, muy buen contenido, Saludos y Abrazos
Se me olvido mencionar algo mas, es normal que pase en mac os, a pesar de que no tengo uno, tengo entendido que apuesta mucho por la seguridad, así que puede que lo tenga sobre escrito el localhost por temas de seguridad, asi lo resuelve a otro lado que no sea 127.0.0.1
Soy backend developer (y un poco de front) 100% lover de C# (dotnet core) y typescript (Angular) pero van varios vídeos que me miro casi completos y son tan interesantes, buen embajador de javascript 👍🏻, felicidades!!
Bro que ruta de aprendizaje debo seguir para aprender c#?
Uff tremenda referencia de la velocidad jajaja 39:03 , un grande midu gracias por tu aporte
Gracias a Dios por enseñar este tipo de contenidos, justo lo que me hacia falta y no sabia como se llamaba jajajaj
Que chulo! Una manera más manejable de administrar APIs
Es increíble que strapi tenga esa capa gratuita
Super el video, 10 de 10, me surge algunas dudas y estas son:
1.- ¿Puedo usar hostinger para hospedar Strapi?
2.- De ser si, la respuesta a la pregunta anterior, ¿Cómo se debe hacer?
3.- Caso contrario, ¿Qué recomendarías?
un vps de hostinger, en un docker... google cloud
barbaro maestro, muchas gracias por todo tu tiempo y dedicación
Más contenidos así, genial
Maravilloso. Mucho más de esto mucho mucho más de este stack. Esto tiene un potencial brutal.
56:43 venia muy atento mientras tomo un café y me hiciste escupir todo😂😂😂
siiii más contenido de Next.js 13 ❤
Lo maximo, muchas gracias midu
Esto era exactamente lo que yo necesitaba mi hermano ! ✋
Excelente video, seria buenisimo si en algún momento pruebas WordPress con esta combinación ACF + CPT Ui + WPGraphQL + NextJS 13 = 💙 , Saludos
Y Gutenberg.
Excelente midu, pero me quede esperando el tema del deploy, haz esa segunda parte porfa 🙌🏼
Render io es la forma más sencilla que encontré 😅
@@yavallejo De hecho me puse a buscar y con digital ocean se puede hacer muy fácil, ademas me da como mas confianza por que digital ocean tiene decadas siendo muy bueno, render es muy nuevo
@@yavallejo igual busque un deploy para strapi y vi esa, que tal la recomiendas? es gratis o barata? haha
@@jsantos1220 cuando haces lo mismo con wordpress headless ocupas igual hacer un deploy de esa api?, sabes?
Tienes razón @@jsantos1220 , se me olvido escribir la palabra "Gratis" como para hacer pruebas y demás, si existen otras alternativas de pago que facilitan mucho el proceso.
Saludos
una clase genial midu!!!
Gracias midu por tu aporte, midu como haces para que en produccion se ejecute el Strapi sin tener la terminal abierta, usas pm2 o que usas y como lo configuras para que funcione
Deberías echarle un vistazo a Directus es otro headless CMS bastante interesante, y que parece tener bastante futuro!
lo malo es que no tiene un free tier
@@feossandon Si tiene free tier si lo usa self hosted
yo lo uso en mis proyectos , actualmente en producción, tengo mucha experiencia con strapi, y lo desplegué en heroku y recientemente en Render
el deploy en render sigue siendo el mismo con next.js 13?
Que tal ha ido el deploy en render?
Es exactmente lo que estuve revisando esta semana
Gracias por su trabajo, Midu y su editor
Que sistema operativo utilizas? Cual me recomiendas para pc de bajos recursos si me quiero meter con la programación
muy GOD el Strapi! Aunque me hubiera encantado que sea Astro en vez de Next.js. Gracias Midu!!!
Ya dejé mi like y quiero más de Nex 13, conste en actas
Excelente video. Aprendo mucho de sus videos. Una pequeña recomendación con mucha humildad. ¿Puede precisar en el concepto de slug? A mi entender y puedo estar equivocado, como lo ha explicado en este video, se puede confundir el concepto de lo que es un slug, con las "best practices" y estrategias óptimas para la creación de los slugs pues ayuda en los SEO Rankings.
Gracias!
Unhandled Runtime Error
Error: Cannot destructure property 'attributes' of 'undefined' as it is undefined.
Source
export function getCoverImage ({ attributes }) {
| ^
24 | const { url } = attributes.cover.data.attributes
25 | return `${STRAPI_URL}${url}`
26 | }
No lo puedo arreglar, alguien me ayuda?
Jajjaja, olvidate amigo, no pienses en el suicidio nomas. Es una basura Strapi, tienes que darle comido TODA la ruta donde esta el proyecto, no cerrar jamas el CMD de ejecucion, y eso que espera no tener algun firewall, o problemas de rendimiento en tu equipo.
Buen video 😎, me hace recordar a contentful 😁
A gran escala cual seria los problemas de usar ese cms? en tema de programar
Hola Midu, esto de Strapi no es bastante similar a DJango? Aunque tiene diferencias, cosas nuevas y tal, pero creo que se parece almenos en la parte de rellenar un item de una colección (En django las tablas).
Un saludo, me encantan tus videos.
Hola gracias por tu vídeo, te pregunto ¿Por qué Strapi y no PayloadCMS? saludos.
1:08:38 si les da error el +page lo pueden resolver así:
const { data: games, pagination } = await getGames({ page: parseInt(page, 10) || 1 });
45:13 a que se refieren con que el componente image es de pago?
@midulive no nos dejes con la duda
Esto pasa por comentar antes de terminar de ver el video 52:19 lo explicabien
Que tan factible es desplegar strapi en aws Amplify?
Me esta pasando que si modifico una entrada en el CMS no refresca los cambios en nextjs, es por el cache? Cómo puedo solucionarlo?
Gracias midu , esta excelente el material de Next 13
y la parte del deploy que varias veces dijiste que era la parte difícil? me interesa sobremanera esa parte. No me sirve un sitio que entre Vercel y otra empresa me tenga que gastar 50 o 60 dólares mensuales.... Sería bueno ver donde desplegar Strapi de manera económica..... Se podrá desplegar en un hosting con cpanel que soporte apps con Node? ya he desplegado apps de node en servers con cpanel y van bien.
Seria Increible verte hacer algo con Next + Supabase con el nuevo App Router ⚡
Midulive ayuda si o si es necesario implementar Cloudinary o podemos comprimir las imagenes manualmente y subirlas nada mas ? gracias
Hola midu saludos, gracias por compartir tus conocimientos.
Cómo hago para ver tus streaming? Que plataforma? Y si tienes un día específico que haces streaming?
Saludos
Muy bueno! Gracias, pero cómo Image de nextjs es de pago ?
No
Interesante. Se parece mucho al Voyager de Laravel. Una pregunta: El componente genera costos aunque tenga todo self-hosted en una instancia EC2? Tanto frontend como el backend de Strapi.
Puedo utilizar astro?
Y se puede usar strapi para microservicios?
AYUDAAAAAAA!!!!!! Estoy intentanto usar Next 14 pero no me renderiza los cambios por ejemplo un fetch ni siquiera un console.log (en windows 11 ni en WSL) No sé que puede ser 😭😭😭😭
No se porque pero no me esta mostrando la informacion de la api cunado ingreso al localhost. asi cambie los permisos solo me muestra la paginación pero no los datos
Habra segunda parte para explicar como desplegar a produccion? Netlify?
Sabes si se puede migrar de la version free a la version cloud manteniendo el mismo codigo?
Justo estoy armando un proyecto a si para un cliente me viene joya esta video , gracias!! esperamos el deploy por favor que me esta costando algunas cosas.
Hola ! si alguien me puede ayudar, me instala todo a la perfección pero cuando me lanza el localhost para las credenciales, me queda el navegador en nada. como que no existe, ya lo probe en dos OS diferentes y me hace lo mismo.
con strapi ya no seria necesario un backend?
El error con localhost debe tener origen en la configuración por defecto de mac que tiene el archivo hosts.
Exelente video miud!!!, pero cuando usar esto un CMS Headless o un BaaS🤔
Hola, gracias por el video, tengo un problema, al usar .map, me devuelve error '.map is not a function', alguien tiene este problema?
Lo máximo midu desde Ecuador
En mi trabajo usamos strapi para un proyecto y cuando escalo nos trajo algunos problemas por las migraciones
como cueles, si pudieras nombrar por favor
y volveran a WP. Conozco casos y no pocos, es lamentable. Creo que Strapi tiene infiltrados de Wordpres para tumbarlo.
Cuál sería la forma más sencilla de gestionar y upgradear la BD?
Me acuerdo con una relacion que ise con sequelize-cli y un poco royo cuando dice que no existe el apartado UserId porque tenia que ser UserIds y luego que te diga que no existe UserId. Yo llore las primeras veces.
exelente video, me queda una duda con Nextjs al usuar server render component y tener otro backend no estamos duplicando la infraestrrucura que se requiere?. aun no entiendo bien como funciona pero me da la sencacion
Ya tiene 9 meses esta pregunta, seguro ya te la respondiste, pero por si alguien más viene por acá y se pregunta lo mismo, respondo con el conocimiento que he estado aprendiendo:
Empecemos por notar que normalmente asociamos "backend" con "servidor" cuando en realidad el servidor no es exclusivo de los backends. El frontend también tiene un servidor en el cual está "hosteado". Digamos que son 2 servidores diferentes con diferentes propósitos. Cuando un Frontend se dice que es "SSR" (Server-Side Rendering), significa que el código se renderiza en el servidor donde está hosteado, y no en el cliente (el navegador del usuario).
Es decir, cuando NO es SSR, una aplicación con React, Vuejs, Angular, etc., lo que hace es que el servidor (el host) devuelve el código Javascript y un index.html semi-vacío, después el navegador interpreta el código Javascript y GENERA todo lo que debe ir dentro del index.html que es toda la UI. Todos los componentes que verá el usuario.
Cuando es SSR, este procesamiento no pasa en el navegador del cliente, sino que lo hace el servidor/host del Frontend y al usuario le devuelve el código HTML ya generado. De esta manera no hay carga sobre el usuario, sino en el servidor.
No confundirnos con el Servidor del Backend, que es el que tiene como propósito ser un RESTful API para obtener los datos de la Base de Datos. Es por eso que en el ejemplo se tienen 2 proyectos y cada uno corre en un puerto diferente (1337 -> Para el backend/Strapi, y el 3000 para el Frontend)
Espero se haya comprendido. Saludos.
puede ser que strapi funciona igual que Sanity?
Excelente explicación, me encantan tus videos ya que son fáciles de entender!!
Tenía una consulta: ¿Dónde recomiendas desplegar los proyectos de backend como strapi? ¿Tienes alguna preferencia/recomendación? Si es posible, que me permita subir el frontend al mismo tiempo y que los costos no sean muy elevados. Gracias de antemano y saludos desde Honduras!!
Hola amigo, alguna sugerencia con respecto al deploy?
Excelente contenido. Me gustaría saber cómo harías autenticación en este caso.
A penas lo instalé y ya me da errores jaja, no me responde la API
Excelente vídeo, fue de gran ayuda!! 🙂🙂, creo que muchos tenemos la duda de cómo enviar imágenes a Strapi por medio de un JSON mediante POST, ya que el tratamiento es un poco deferente, alguien sabe como se puede hacer 🙏🙏?
A qué se refiere con que el componente Image de Next es pago o.O?
El free tier de Vercel tiene límites. El límite de imagenes que puedes optimizar con tu cuenta free son mil. Si no te pasas de allí bien
Hola middu, genial el contenido, podrías subir repo?
Que opcion recomiendan para hostear el proyecto?
Conozco Render io y Railway
que es de pago?? y yo usandolo como si nada
No sabes cuánto tiempo he intentado convencer a mi empresa de utilizar Strapi (he hecho demos, comparaciones, etc). Aún no me hacen caso pero esperemos que algún día 😂
Ten cuidado, al primer cuelgue te echaran la culpa, no confies.
Y si quisieras añadir la fecha de publicación en cada plataforma? habría que crear un collection type para almacenar la fecha, plataforma y video juego y luego seleccionarlo desde el video juego? sería engorroso, no? hay alguna opción de introducirlo todo al crear el juego?
Eso se llama normalización en bases de datos relacional, si quieres todo en una sola collection debes usar NoSQL que en este caso no tiene esa opción.
¿Que diferencia habría entre Supabase y Strapi por ejemplo?
Base de datos vs CMS jsjsjs , no hay más, busca las definiciones compa
Son dos cosas diferentes compare.
Supabase es para base de datos y autenticación principalmente.
Strapi es un gestor de contenido, como wordpress, sanity, etc.
Entiendo que pudiera parecer lo mismo, ya que bien podrías usar una base de datos para gestionar el contenido, sin embargo, con un CMS te olvidas de tener que programar una interfaz gráfica (UI) para gestionar el contenido y las operaciones CRUD de las tablas, el CMS ya hizo eso por ti.
en el video mencionas que lo malo de Strapi es hospedarlo. ¿Alguna solución interesante para esto, (y bbb si puede ser)? Gracias!
usa render, vercel, railway es super facil
Si al correr el comando run dev develop tienen este error en el localhost :
This page isn’t workinglocalhost didn’t send any data.
ERR_EMPTY_RESPONSE
El problema esta en que Razer chroma se ejecuta en el mismo puerto. Para verlo pueden correr el comando netstat -aon y buscar el PID que coincide con el localhost:1337 en su task manager.
para resolverlo fui al .env y cambie esto:
PORT=1338
npm run build
npm run develop
Basándome en los primeros minutos veo un Firebase mejorado 😅 seguiré investigando
Yo uso Prismic.... es muy bueno también!.
Django no tiene eso?
HAY SEGUNDA PARTE ??
Ese tutorial es casi perfecto.... falta el deploy. He evaluado muchas veces el utilizo de Strapi pero el hosting para su deploy es muy caro. ¿Tienes alguna idea, como Vercel = deploy free?
Has podido hacer el deploy en alguna plataforma?
en vercel tengo unos proyectos NextJs@@gabrielherrera7914
Hola Midu con las disculpas necesarias, mi nombre es Alfredo, me gustaría presentarte mi proyecto (algo muy similar al que estas presentando); pero mi ubicación geográfica y mis condiciones laborales actuales no me permite verte en directo, solo en diferido; por tal razón no hay posibilidad alguna que pueda tener la oportunidad de compatir en un directo e intentar interactuar. Soy amante del desarrollo y dedico mucho tiempo a ello, pero hasta el día de hoy no puedo subsistir del mismo, aún así he dado mis proyectos al open source si alguien los quiere conocer son libres.
Se puede usar Strapi para que los usuarios de mi sitio gestionen su propio contenido ?
10 meses sin responder, ya te respondio con eso. Supuestamente es para eso, pero es complicado su uso de ejecución.
Hooa, tenéis la repo de este video?
Hi everyone, could someone share a repository of this tutorial ? That would greatly help non spanish speaker to follow along :)
wtf el componente Image de next13 es de pago ??
Genio!!
saben de algun curso bueno de Base de datos?
El mismo midudev tiene uno, buscalo
¿Es una alternativa a Supabase?
Son dos cosas diferentes compare.
Supabase es para base de datos y autenticación principalmente (una alternativa a AWS RDS, Firebase, etc.)
Strapi es un gestor de contenido, como wordpress, sanity, etc.
Entiendo que pudiera parecer lo mismo, ya que bien podrías usar una base de datos para gestionar el contenido, sin embargo, con un CMS te olvidas de tener que programar una interfaz gráfica (UI) para las operaciones CRUD de las tablas, el CMS ya hizo eso por ti.
no, superbase es solo la base de datos, STRAPI es todo un cms sin el frond end
Y porque no un ejemplo con Wordpress?
WordPress + JetEngine y JetFormBuilder (de Crocoblock) + Bricks Builder o Elementor es un muy buen combo también. Molaría que un dia lo miraras en un directo. Son plugins de pago, pero permiten hacer de todo, sin código.
Vere todo el video, despues de 5 tutoriales y 4 horas con ChatGPT, espero de corazon no odiar esa basura de Strapi, empezando por sus cuelgues. No quiero ser como casi todos los que odiamos WP y despues de Strapi nos forzamos a volver a WP. Si algun dia lo hacen facil a Strapi se agradece, es tan simple lo que se pide y tan complicado lo que propone aun. Parece que juegan en pared con Wordpress.
Ahh, y en el entorno ha cambiado, ahora hay dos tipos de richtext... y hay errores en los dos.
Faltaría saber como desplegamos strapi
Eso quería ver también
faltó el self-hosting :(
Lo que me mata de Strapi, es el tema de los Roles. Que no es gratis.
Como CMS es bueno strapi , pero para el deploy esta super verde, nadie explica ni en youtube, ni la documentacion, ni chat gpt siquiera... le falta tiempo me parece.