getStaticProps in the _app.tsx layout
Unanswered
Brown bear posted this in #help-forum
Brown bearOP
Hello! I need to make a landing page that is static, and the page it's generated at build time, getting its data from a CMS. The website uses pages routing.
So far everything works except that I can't make a layout (with the navbar and footer) that uses getStaticProps().
I've placed it in _app.tsx, but if I add a console log to getStaticProps() it never runs it.
How should I do this? Thanks!
So far everything works except that I can't make a layout (with the navbar and footer) that uses getStaticProps().
I've placed it in _app.tsx, but if I add a console log to getStaticProps() it never runs it.
How should I do this? Thanks!
1 Reply
@Brown bear Hello! I need to make a landing page that is static, and the page it's generated at build time, getting its data from a CMS. The website uses pages routing.
So far everything works except that I can't make a layout (with the navbar and footer) that uses getStaticProps().
I've placed it in _app.tsx, but if I add a console log to getStaticProps() it never runs it.
How should I do this? Thanks!
_app.tsx does not have getStaticProps. the app router does have official support for this kind of thing, but migrating to the app router is not easy. you should probably fake getStaticProps by using a build time script like so https://github.com/joulev/debug/tree/nextjs-pages-router-global-static-data-example