404 error after deploying first Nuxt project

https://extension-store.netlify.app/

Hello and thank you in advance for your help!

I have deployed a few Vue.js apps in the past and everything has been really smooth.

This is my first Nuxt deployment and I’ve been struggling for a few hours.

Currently, the build is passing but I am getting a 404 when I navigate to the URL.

In the ‘Deploy File Browser’ I can see the file structure is the same as my local.

In my Build & Deploy settings > Build Settings > Publish directory, the app will only build if the publish directory is left blank. I have tried ‘dist’ and ‘.output’ but will get an error => Failed during stage ‘building site’: Deploy directory ‘.dist’ does not exist

Do y’all have any suggestions for me? I feel like I’m probably missing something silly…

Have you taken a look at this support guide?