Getting `wrangler pages dev` to work with nextjs
I am currently using nextjs and wrangler inside VScode and Devcontainers.
I followed the following guide in the documentation to create a new app.
To test out the new app, running the following will set up the wrangler server, and I am able to navigate to /public/{files}.svg
However, I am not able to render any of my .tsx files or the webpage at all. What am I missing that is causing this? Is there any documentation out there that can help to get this to work?
wrangler pages dev /{app-folder} --ip 127.0.0.1,However, I am not able to render any of my .tsx files or the webpage at all. What am I missing that is causing this? Is there any documentation out there that can help to get this to work?
1 Reply
Hmm, I seem to have solved this... seems like a noob issue, but nevertheless, to whoever that is lost like me
You would need to build the page first before it can be served.
In
package.json there is a line
"preview": "npm run pages:build && wrangler pages dev"
So to run the webpage, we will need to
1) navigate to the folder with package.json
2) (as I am using dev container) add --ip 127.0.0.1 to the preview entry in package.json
3) execute the following command npm run preview