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 😊
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?
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.
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!!
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!!
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
@@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
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.
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.
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!
[ 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
Estaría guay enseñar Storyblok, su sistema para crear contenido importando tus componentes es muy interesante y ademas tiene versión free. Es lo único que echo en falta de Strapi. ❤
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.
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
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.
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.
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 🙏🙏?
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!!
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
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.
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
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.
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 😭😭😭😭
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.
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 😂
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.
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?
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.
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.
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.
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.
La verdad sos casi como un IA, como haces para buscar los problemas tan Rapido, sos eincreible, sos casi un procesador Quantico, jaja. So iencrible, explicando, y quanticamente hablado una bestia en el codido, me saco el sombreo
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.
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 😊
Sos un Animal, sos Grosisimo, tengo mas de 20 años escribiendo codig y cada vez que decis algo nuevo, me refactorizo
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?
Que chulo! Una manera más manejable de administrar APIs
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?
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#?
Más contenidos así, genial
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!!
barbaro maestro, muchas gracias por todo tu tiempo y dedicación
Lo maximo, muchas gracias midu
una clase genial midu!!!
Excelente video, seria buenisimo si en algún momento pruebas WordPress con esta combinación ACF + CPT Ui + WPGraphQL + NextJS 13 = 💙 , Saludos
Y Gutenberg.
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
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
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
Gracias por su trabajo, Midu y su editor
Maravilloso. Mucho más de esto mucho mucho más de este stack. Esto tiene un potencial brutal.
siiii más contenido de Next.js 13 ❤
Es exactmente lo que estuve revisando esta semana
Seria Increible verte hacer algo con Next + Supabase con el nuevo App Router ⚡
Buen video 😎, me hace recordar a contentful 😁
Esto era exactamente lo que yo necesitaba mi hermano ! ✋
muy GOD el Strapi! Aunque me hubiera encantado que sea Astro en vez de Next.js. Gracias Midu!!!
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.
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.
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!
Gracias midu , esta excelente el material de Next 13
[ 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
56:43 venia muy atento mientras tomo un café y me hiciste escupir todo😂😂😂
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?
Lo máximo midu desde Ecuador
Estaría guay enseñar Storyblok, su sistema para crear contenido importando tus componentes es muy interesante y ademas tiene versión free. Es lo único que echo en falta de Strapi. ❤
A gran escala cual seria los problemas de usar ese cms? en tema de programar
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.
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
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.
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.
Que opcion recomiendan para hostear el proyecto?
Muy bueno! Gracias, pero cómo Image de nextjs es de pago ?
No
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 🙏🙏?
Yo uso Prismic.... es muy bueno también!.
Genio!!
Que tan factible es desplegar strapi en aws Amplify?
Puedo utilizar astro?
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?
Cuál sería la forma más sencilla de gestionar y upgradear la BD?
El error con localhost debe tener origen en la configuración por defecto de mac que tiene el archivo hosts.
A penas lo instalé y ya me da errores jaja, no me responde la API
Exelente video miud!!!, pero cuando usar esto un CMS Headless o un BaaS🤔
1:08:38 si les da error el +page lo pueden resolver así:
const { data: games, pagination } = await getGames({ page: parseInt(page, 10) || 1 });
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?
Habra segunda parte para explicar como desplegar a produccion? Netlify?
Excelente contenido. Me gustaría saber cómo harías autenticación en este caso.
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
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.
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.
Hola middu, genial el contenido, podrías subir repo?
Midulive ayuda si o si es necesario implementar Cloudinary o podemos comprimir las imagenes manualmente y subirlas nada mas ? gracias
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
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.
Y se puede usar strapi para microservicios?
con strapi ya no seria necesario un backend?
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 😭😭😭😭
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.
que es de pago?? y yo usandolo como si nada
Sabes si se puede migrar de la version free a la version cloud manteniendo el mismo codigo?
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.
Hola, gracias por el video, tengo un problema, al usar .map, me devuelve error '.map is not a function', alguien tiene este problema?
saben de algun curso bueno de Base de datos?
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
puede ser que strapi funciona igual que Sanity?
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 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.
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.
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.
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
Basándome en los primeros minutos veo un Firebase mejorado 😅 seguiré investigando
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.
Django no tiene eso?
HAY SEGUNDA PARTE ??
Hooa, tenéis la repo de este video?
wtf el componente Image de next13 es de pago ??
Faltaría saber como desplegamos strapi
Eso quería ver también
Hi everyone, could someone share a repository of this tutorial ? That would greatly help non spanish speaker to follow along :)
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.
Y porque no un ejemplo con Wordpress?
faltó el self-hosting :(
¿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
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.
Lo que me mata de Strapi, es el tema de los Roles. Que no es gratis.
Se acerca el fin de wordpress
La verdad sos casi como un IA, como haces para buscar los problemas tan Rapido, sos eincreible, sos casi un procesador Quantico, jaja. So iencrible, explicando, y quanticamente hablado una bestia en el codido, me saco el sombreo
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.