Tengo una aplicación construida con el próximo JS. Funciona bien en desarrollo, pero cuando se publica en Internet, tengo un problema. La única forma en que puedo acceder a las páginas de la aplicación es mediante los enlaces en la página de inicio, que enlazan con esas páginas. Por ejemplo, obtengo un error 404 si escribo www.example.com/about , pero si hago clic en el enlace que lo dirige, todo está bien.
No pude comentar debido a mi punto de experiencia. ¿Podría compartir su código para componentes/páginas superiores? Por ahora, lo que entiendo es que su navegador no puede obtener los datos antes de procesarlos, por lo que obtiene un error. Es una suposición descabellada, pero tal vez pueda agregar una condición a sus componentes (por ejemplo, para url/about, digamos que representa el componente about()) que
if (!data){ return <div>Loading</div>}Este es un enfoque que usé en las aplicaciones React (nunca usé después), pero dado que son bastante similares, podría ayudarlo.
Yo también estaba teniendo un problema similar.
La configuración de trailingSlash en la siguiente configuración funcionó para mí.
En la raíz de su proyecto en next.config.js intente agregar:
module.exports = { trailingSlash: true, }