Uso correcto de
Vložit
- čas přidán 9. 09. 2024
- Quieres aprender cómo usar NextJs de forma correcta ?
Qué es SEO ?
Cómo funciona un Crawler y qué relación tienen con los search engines ?
Qué tipos de render existen ?
En qué situaciones es mejor usar SSR ?
Desde #ventajas, #ssr vs #csr vs #ssg, #crawlers y cómo funcionan para aportar #seo y más !
Agregada la docu antes mencionada a la Gentleman Wiki !!
kindly-windflo...
Apple Podcast: podcasts.apple...
Spotify: open.spotify.c...
🔴Si quieres hacer una donación🔴
streamelements...
🔴▬ Links de interés ▬🔴
Link a CZcams: / gentlemanprogramming
Link a Twitch: t.co/vodIqiCH9N
Link a Spotify: spoti.fi/3y281cY
Link a Apple Podcast: podcasts.apple...
Link a la comunidad: / discord
Link a la comunidad de Facebook: shorturl.at/jkmL6
Link a instagram: / gentlemanprogramming
Link a twitter: / g_programming
Link al libro Cómo ser front-end sin fallar en el intento: Tus primeros pasos en la programación web: amzn.to/2ReBuzL
#comunidad #discord #twitch #programming #podcast #live #stream #clase #tech #it #scrum #kanban #agile #team #Hackathon #GentlemanProgramming #componentes #framework #library #framework #google #Facebook #tips
Execelente consejos se agradece su aporte a la comunidad ojalá y algún día también saques cursos para backend
genial me aclaraste varias dudas con next.js muchas gracias bro!
Lo que he buscado por mucho tiempo. Gracias
De nada crack !
Sería genial si haces un curso de next js 🙌
Explicas bien, me quedó bastante claro. Gracias!
Gracias por el aporte a la comunidad 🙌
Wow! que bueno aprender esto !!
Gracias! estoy aventurandome en crear un proyecto en Nextjs y me veré tu curso!
Gracias bigotes, este es el video que necesitaba👏
excelene aporte bigotes, muchas gracias
Excelente explicacion
Mut bueno gentleman!
Conoces Remix? Es una alternativa a NextJS, pero creo que posee la ventaja de estar basado en los estándares web y React Router, ya que son los mismos creadores.
Gracias por tu contenido 🙃
👏👏👏👏👏👏👏👏👏
Muy buen contenido!
bien explicado :)
👏🏼👏🏼👏🏼👏🏼👏🏼
suscrito de calle, un saludo que bien
Excelente video!
Recomendarias next sin usar ssr? Quizas por su forma de abstraer algunos temas de routing o bundling o ser opinionated. O directamente si no usas seo y ssr mejor usar vite o cra?
hmm buena pregunta, en verdad podrias tranquilamente por sus ventajas y ahi ya depende de lo que quieras hacer y del caracter de tu project. En MI caso, me gusta más controlar qué librerias incluyo en mi projecto y hacerlo más a medida por lo que uso React vanilla. Pero para projectos rápidos que no tengo que dar tantas vueltas es una muy buena opción.
OJO que si es para aprender, te recomiendo hacer React vanilla, se ofuscan muchas cosas con NextJs que está bueno que aprendas
¿se puede utilizar static site generator o static site generator incremental solo con algunas paginas de mi website y no con toda mi website? y que las otras paginas de mi website se rendericen de manera hibrida con server site rendering y client site rendering
A mi no me queda claro la parte de los hooks en nextjs. Que es lo que no podemos utilizar? o solo no podemos meter un fetch dentro de un useeffect?
Y segundo, francia.. no mentira. Si no entiendo mal, para algo totalmente privado o de uso para clientes especificos conviene algo sin SEO, y client-side.
Un saludo, te sigo siempre muy agradables tus videoss
Exacto ! Para privados no serviría mucho el tema del SEO.
Si tratas de usar un hook en un componente que se carga con SSR, vas a ver que te dirá un error en pantalla y no te dejará avanzar. Cualquier tipo de hook, o al menos eso me ha pasado a mi con mis pruebas
la carga diferida es automatica o hay que hacerlo con next/dynamic ?
Muy interesante, es posible entonces crear una aplicación frontend con Next.js que use Spring boot como backend y asi lograr el SSR?
NextJs ya tiene su propio server para el ssr :)
@@GentlemanProgramming Sii, jaja creo que redacte muy mal la pregunta, es decir puedo construir el frontend con Next.js y consumir un API REST construido en Spring Boot? Es para un proyecto donde el SEO es prioridad
@@gerard2309 totalmente sin problemas :)
Alan , este material se irá actualizando ? gracias
Yes ! Está en las últimas versiones, si vemos algo nuevo lo iremos metiendo :)
@@GentlemanProgramming Gracias Alan , he aprendido bastante de como ir mejorando mi codigo y esto de next está súper bueno , gracias , un abrazo y éxito !
Tus ojos 🧿 no me dejan concentrarme
👁️ 👁️
estaba buscando este comentario, el esta blah blah blah y los ojo azules mirandome XD
@@equinoxway
Hola, te quería consultar. Una vez aprendido React cuánto tiempo se tarde en aprender Next.js y si la curva de aprendizaje es baja o alta en complejidad?
No hay ningún problema y más si ya sabes React, para mí NextJs es MUCHO más facil. Te gustaría que haga un curso del mismo ?
@@GentlemanProgramming Sería un golazo, en especial para poder aplicar buenas técnicas en la tecnología
@@GentlemanProgramming sería una hermosura esa noticia
@@GentlemanProgramming estaria muy bueno! se esta usando mucho y quiero aprenderlo
@@GentlemanProgramming uno con ssr, swr, ssg, etc estaría bueno
En conclusión: Usar NEXTJS cuando SEO sea una necesidad apremiante, y React en el resto de los casos.
Verdad?
Es una forma de verlo, o sino…usar NextJs si ves que la comodidad y funciones que trae te sirven y sino ir a una app de React normal y corriente. Puedes hacer CSR en NextJs sin problemas
@@GentlemanProgramming cuál sería la forma correcta de usar Nextjs para cada caso?
@@YusufSalahAdDin prácticamente es la misma. Puedes utilizar las ventajas de el enrutamiento propio del framework que es cómodo, brinda estructura, provee lazy loading y code splitting. Además de que puedes también utilizar las otras herramientas como la optimización de imágenes que trae.
Si quieres usar SSR dejas todo como está, y sino dependiendo la forma en la que hagas fetch (hay dos métodos, uno para cada caso) indicas si quieres a o no SSR
@@YusufSalahAdDin Hay muchísima gente entre las que me incluyo que utilizamos Next.js como default para cualquier cosa que sea React y tenga mas de una página.