Como Subir aplicación de Nextjs a un Servidor Privado Virtual (VPS)
Вставка
- Опубліковано 8 лис 2024
- 🌟 Visita los VPS de Hostinger ➤ www.hostg.xyz/...
💻 Aplica el cupón FAZT y empieza a usar tu VPS ➤ plan KVM 2* 🚀
En este video te voy a enseñar como puedes desplegar o subir una aplicación web desarrollada en Nextjs a un Servidor Privado Virtual o VPS. En nuestro caso estaremos usando un VPS de Hostinguer, nos conectaremos a través de SSH y vamos a hacer deploy de un proyecto web de Nextjs que esta usando una base de datos de Mongodb. Todo paso a paso y desde cero.
Código del Repositorio
github.com/Faz...
⭐ Cursos Recomendados
Curso de Nodejs ⮕ fazt.dev/nodejs
Curso de Python⮕ faztweb.com/py...
Curso de React ⮕ • Curso de Reactjs desde...
Curso de Nextjs ⮕ • Curso de Nextjs desde ...
Curso de Javascript para React ⮕ • Javascript para Aprend...
🎒 Servicios Recomendados
SiteGround ⮕ bit.ly/31u9ZEk
Railway ⮕ railway.app?referralCode=fazt
Namecheap ⮕ namecheap.pxf....
DigitalOcean ⮕ m.do.co/c/8ef2...
🎒 Otros Servicios
Ledger ⮕ (Hardware Wallet) bit.ly/3ijsVNW
Cloudinary ⮕ bit.ly/3ohNlJ7
Notion ⮕ affiliate.noti...
🗣 Redes Sociales
Github ⮕ github.com/fazt
Twitter ⮕ / fazttech
Discord ⮕ faztweb.com/so...
Puedes encontrar la lista de tutoriales de Nodejs en:
faztweb.com/no...
#nextjs #desarrolloweb #javascript #reactjs #hostinger #vps #linux
🌟 Visita los VPS de Hostinger ➤ www.hostg.xyz/SHEho
💻 Aplica el cupón FAZT y empieza a usar tu VPS ➤ plan KVM 2* 🚀
Muy bueno, lo hice con un proyecto en Node.js, Next.js y MySQL. Todo excelente!
Fantástico, pero me hubiera gustado que se hiciera con Docker. Muchas gracias capo !!!
Lo tendre en cuenta para un proximo Tutorial. Gracias por la idea :)
Pffff que joya este video. Muchas gracias!!
Sería de gran ayuda ver un ejemplo práctico de cómo implementar una aplicación que integre: NestJS, Next.js y PostgreSQL, y un dominio comprado en Namecheap, con la creación de un endpoint básico, para entender cómo se configuran estas tecnologías y lograr que todo funcione de manera óptima en nuestro VPS y esté funcionando en producción. 🙏🙏🙌🏻🙌🏻
excelente video, gracias, mi duda es como se le podria agregar otro proyecto con otro dominio en ese mismo VPS?
si buscas Virtual Hosting nginx en google te salen muchos ejemplos
Entiendo que al seleccionar la imagen para instalar en el VPS, tendrías que elegir un panel de control como Webmin, Plesk, cPanel o CyberPanel
Excelente. Estaría bueno un vídeo de despliegue de una app MERN en Amazon EC2
Excelente, consulta. se podria hacer el despliegue con una app creada front de react, back de java y base de datos sql ? gracias !
Muchas gracias por el video.
Me queda la duda sobre temas de seguridad en un servidor VPS. Sería bueno que hicieras un video sobre ese tema, para evitar dolores de cabeza de sitios subidos a VPS
Es una muy buena idea Javier, voy a hacer una lista de verificacion de cosas que se deberian tener en cuentao cuando estan en un VPS, creo que seria interesante :)
Simplemente magnífico.
Excelente video! Podrías explicar un ejemplo en donde el front esta en Nextjs y el back en un proyecto de Nodejs o Nest? Gracias!!!!
Seria lo mismo, vos tendrías que levantar el front y el back con el PM2
Me parecio muy util video. Para minijuegos online como socketio que recomendarias? Que tenga baja latencia tanto como para usa y latinoamerica, y que sea estable.
Excelente video, muchas gracias por el excelente contenido.
Buen video ❤ justo lo que necesitaba, me surge la duda de cuanto tiempo dura el certificado ssl y si hay que estarlo renovando manualmente
Excelente explicación fazt! Si tuviera 2 o 3 proyectos, tendría que editar en ngix?
Claro solo tienes que añadir los otros proyectos en el archivo de configuración de nginx
@@FaztCode Gracias Genio!
Que maestro👏👏👏👏
Increíble video ! Pregunta, supongo que este tipo de deploys será más enfocado para proyectos medianos-grandes, verdad ? Y supongo el usar servicios como Railway ya son más pequeños-medianos ? Lo digo por lo engorroso de todo el proceso cuando en Railway solo es conectar con tu GitHub y configurar base de datos y ya. Supongo que también la diferencia sería en costos ? Gracias por todo Fazt !
Podrías hacer un video de como usar pdfkit con nextjs, usando server actions o cualquier libreria para hacer pdfs con nextjs
Excelente contenido
un gran saludo
Creo que ya tiene un video sobre eso. Buscalo
Atento a tus tutoriales 😎
Cuando contratas un VPS de este estilo, lo ideal seria alojar solamente una aplicación y una base de datos, o soporta por ejemplo hasta 3 aplicaciones?
En caso de querer alojar varias, que recomiendas?
Buen video, saludos!
Nesecito saber eso!
Entonces ya no es necesario el file server.js cuando se publica un proyecto de NextJs a un custom-server?..
Muchas gracias por el video.
El video fue de mucha ayuda, gracias.
Solo tengo una duda, a veces tengo clientes que necesitan administrar sus correos corporativos, ¿sabes cómo puedo hacerlo con un VPS?
Muy buen video, me gustaria ver uno similar pero com despligue en vps usando kubernete para tener multiples instancias de nextjs conectadas con un balanceador de carga, bd de postgres y tener tanto actualizado automatico como la opción de que cada instancia se recupere automáticamente de fallos
También sáquenme de Latinoamérica!
amigo eres un crack, muchas gracias
Cuando el curso de nginx ?
Fazt entre este vps o railway , cuál recomendarías?
y cuando haga una actualización de la app, como sería para hacer un pull automatico?
Con github actions
Como menciona Waliux, en el comentario de abajo, tendrias que integrar Github Actions, de hecho creo que es buena idea para un video, lo voy a publicar pronto
si quiero desplegar mas apps, como configuro el nginx para hacer visible los puertos. no solo el 80, digamos el 3000 y 4000 ejemplo.
Excelente
Puedo configurar un subdominio al VPS?
Holam donde esta la configuracion de Nginx, en la descripcion no la veo
Como seria con django?
Cómo sería si en vez de mongodb fuera PostgresSql ?
En realidad solo tendrias que instalar PostgreSQL en Linux, y alli igual usarias el localhost en tu aplicacion. Voy a hacer un ejemplo pronto tambien usando PostgreSQL, creo que muchos aqui tambien usan esa base de datos
@@FaztCodeMe uno a la lista de espera c:
Muchas gracias hermano, 🙏
@@FaztCode Sería de gran ayuda ver un ejemplo práctico de cómo implementar una aplicación en producción que integre
NestJS, Next.js y PostgreSQL. Un tutorial que cubra desde la configuración en un VPS hasta el despliegue final, incluyendo la creación de un endpoint sencillo, para ver cómo se configuran estas tres tecnologías y asegurarse de que funcionen correctamente en un entorno de producción.
Yo lo acabo de hacer con Postgresql y es relativamente casi igual solo debes instalar y configurar tu postgres en tu vps, probar las conexiones que si se pueda realizar remota y solo pones las variables de entorno de tu base de datos en tu proyecto y listo
Interesante tema :)
Que pasa si tengo 2 proyectos en un mismo vps, que puedo hacer para que no genere conflicto ya que ambos tienen diferentes dominios?
Hola fazt que tal?, tengo un problema, mi proyecto se divide en app y server, el server contiene toda la configuracion y el index.js con todo los endpoints que construi en la fase de desarrollo del proyecto, funciona bien, se conecta a la base de datos (postgresql) en el vpc y funcionan las querys etc, pero en app tengo mi proyecto con react, y no he podido conectarla para poder ingresar a travez de la ip en este caso hasta que compre un dominio, para poder hacer esto use nginx pero de igual forma no pude lograr ver mi pagina desde la vpc, me ayudarias con eso?
Uno igual pero con Docker
fazt podrias enseñarnos a como tener varias aplicaciones en la misma vps?
Tipicamente esto esta mas relacionado al Reverse Proxy que ofrece Nginx, pero si es una buena idea, lo anoto para publicar algo pronto
@@FaztCode Usar coolify seria una buena idea!
Solo con VPS? Como haria para un Business Web Hosting? lo hice con react pero con next no he podido, adicional tengo la version 12 de next, en vercel me manda error
Y para aplicación Python con flask?
Te recomiendo usar AApanel, o empaquetar todo en docker.
Tutorial infravalorado
Un vps me permite desplegar varias aplicaciones o solo una por vps
Se puede instalar sqlsever?
hola Fazt, estoy intentando desplegar una app que al back esta construido con strapi, el frotn con react (refine), y la base de datos con postgres... En local todo funciona bien, la cosa es cuando intento instalar postgres que se me esta complicando... Existe la posibildiad de que hagas un ejemplo similiar ???
Y como te fue?
Tengo un cliente que quiere un proyecto y pense en hacerselo con stripe, next y alguna db que use stripe (postgress o mysql)
Y como hiciste con las 2 rutas, la del proyecto en si, y la del admin de stripe?
@@rinconfede bueno por un lado tienes el api corriendo el te despliega el una ruta en un port y desde el client accedes.
Y si quiero tener expuesto una url en el mismo dominio y vps, para por ejemplo,un ambiente de pruebas se puede y como? O un subdominio en ese vps?
Resolviste la duda? Sabes si puedo asociar un subdominio al VPS?
✓
El mejor