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?
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"/>