Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

193
Vistas
Cómo alojar archivos js estáticos con NextJS

Estoy tratando de alojar archivos js y css estáticos con NextJS.

Lo que he hecho hasta ahora es que creé una aplicación de reacción usando create-react-app, creé un componente de la aplicación, luego ejecuté el comando npm run build, sobre el cual se crearon algunos archivos js y css estáticos. Luego alojé esos archivos usando el alojamiento de firebase, de modo que se pudiera acceder a estos archivos js y css estáticos desde un archivo index.html sin formato. Al hacer esto, pude incrustar componentes de reacción en un archivo .html simple usando una etiqueta de secuencia de comandos, una etiqueta de enlace y un div. Todo lo que necesitaba era que la etiqueta de enlace obtuviera el archivo css estático alojado en firebase y la etiqueta del script para obtener el archivo js estático alojado en firebase.

Sin embargo, lo que quiero hacer es tomar estos dos archivos estáticos que fueron "importados" a través del script y las etiquetas de enlace y alojarlos en un proyecto diferente, donde tengo todo mi otro código. Quiero agregarlos a un proyecto next.js y alojarlos con la ayuda de firebase. Lo que he intentado es agregar los archivos estáticos que quiero tener alojados en la carpeta _next y luego alojar el proyecto.

Sin embargo, no puedo encontrar los archivos estáticos y ciertamente no puedo acceder a ellos a través de secuencias de comandos o etiquetas de enlace. ¿Alguna idea sobre cómo debo alojar estos archivos js y css estáticos?

about 4 years ago · Santiago Trujillo
1 Respuestas
Responde la pregunta

0

Aquí hay un método que utiliza una red de entrega en la nube y solo usa las etiquetas html e incluye el src si solo tiene 1 o 2 archivos estáticos

Aquí está el CDN, utilizo su código abierto y es gratuito: D https://cloudinary.com/

 <img alt="close-menu-icon" src="https://res.cloudinary.com/dxgqvvg0z/image/upload/v1658891864/Personal%20Portfolio%202023/NavBar/cross_aefzpg.svg"/>

y para tu caso https://nextjs.org/docs/api-reference/next/image

 import Image from 'next/image'; <Image alt="close-menu-icon" src="https://res.cloudinary.com/dxgqvvg0z/image/upload/v1658891864/Personal%20Portfolio%202023/NavBar/cross_aefzpg.svg"/ />

O

 import Image from 'next/image'; //Example for an Image inside a project dir <Image src="./public" /> <Image src="./src/assets/images"/>
about 4 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda