Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

190
Views
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 answers
Answer question

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 Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!