Using with Next.js about react-bulma-components HOT 6 CLOSED

Hi @stefl

If you are still interested. I just released a new version (Still on pre-release) that fix allow this library to work properly with Next.js (commit c77aaf6)

Check it out in here

You need to update your sassLoaderOptions to include the path to your _variables.sass file and tell Next to that this library its already transpiled

const withSass = require('@zeit/next-sass')
const withTM = require('next-plugin-transpile-modules');

module.exports = withTM(withSass({
    transpileModules: ['react-bulma-components'],
    sassLoaderOptions: {
        includePaths: ["./src"]
    },
}))

Hope this help, and sorry for the long wait

from react-bulma-components.

Hi @stefl I didn't test it on next.js I will try to test your repo during the week if I can fix some time.

from react-bulma-components.

@couds Great, thanks. I just saw your reply to another issue, that including each module separately is why there's this call to the ~_variables.sass file, and you can import the entire project instead to avoid that.

I wonder if there's a way of specifying a path to that file using an environment variable instead of having to use webpack aliases?

from react-bulma-components.

Hi @stefl I don't think we can use a environment variable for that, at least I didn't found a way to do it. =(

from react-bulma-components.

hi @couds
I'm trying to follow the instruction but it's still not working for now, is there anything that needs to be set again besides following the instructions above?

It still not working I install Next.js app and follow the instruction above, but still error

from react-bulma-components.

Hi @couds I have the same issue.

from react-bulma-components.