next.js deployed using now missing styles, styles.css 404 response

Question

I'm building a simple site for a school project using next, and I managed to deploy the next.js app using now, but no styles are being applied. Everything is fine and works (looks) great on localhost but not online (https://spa-ot24z7ugt.now.sh).

I guess it has something to do with the now.json file, but their documentation makes it look like everything will just work out of the box, and it kind of is true, except for the styling. I looked at the documentation and could not find anything and I was wondering if anyone has any experience using now and next.js.

my now.json file:

```{
  "version": 2,
  "builds": [
    { "src": "next.config.js", "use": "@now/next" }
  ]
}```

link to the deployed site: https://spa-ot24z7ugt.now.sh

I'm using Head from 'next/head' to generate link a static CSS file.

Goran Jakovljevic · Accepted Answer · 2018-11-29 18:38:56Z

1

I had the same issue and the fix for me was to include style.css as static build:

{
    "version": 2,
    "name": "wp-nextjs",
    "public": true,
    "builds": [
        { "src": "package.json", "use": "@now/next" },
        { "src": "static/css/style.css", "use": "@now/static" }
    ]
}

answered Nov 29, 2018 at 18:38

Goran Jakovljevic

2,8201 gold badge34 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Anubhav Gupta · Accepted Answer · 2021-07-24 17:51:12Z

1

For me "_" dirs were being ignored.

Files with an _ as prefix (like _next, _css, _js) are special for jekyll. You can bypass this by creating a .nojekyll file in the root of your gh-pages repo and pushing it to GitHub.

Refer : https://github.blog/2009-12-29-bypassing-jekyll-on-github-pages/

answered Jul 24, 2021 at 17:51

Anubhav Gupta

1149 bronze badges

Collectives™ on Stack Overflow

next.js deployed using now missing styles, styles.css 404 response

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related