How to port an existing html/bootstrap scss website with some custom js code to gatsby?

[ergunpp]

Hi,
I have just finished my first website with Gatsbyjs showcasing around 15 products with product data coming from contentful.

Now I have another website running at chefschoice.com.tr that I want to port to gatsby. I have played around with directly adding existing scss to gatsby (which failed at module.exports even after adding node-sass plugin) and also with reactstrap. Reactstrap seemed to require a complete rewrite of the code.
Is there a quick and easy way or maybe a comprehensive documentation for this kind of migration?
I can not move forward, as with every little step there comes a problem that I have to spend hours to solve.

[devrchancay]

hello @ergunpp

is it very rare what happens to you just to confirm these using version 2 of gatsby? for sass do you use gatsby-plugin-sass?

[ergunpp]

Yes I can confirm Version 2 and gatsby-plugin-sass

[sidharthachatterjee]

@ergunpp Can you link to a reproduction repo for the issue you're facing with gatsby-plugin-sass?

[theevilhead]

@ergunpp with Reactstrap I dont think you are experiencing problems with Reactstrap itself but rather with the bootstrap webpack support. Have you configured the webpack config file accordingly ? Maybe this might help in that https://getbootstrap.com/docs/4.0/getting-started/webpack . A solution to similar situation with mern-starter Hashnode/mern-starter#406

[gatsbot]

Hey again!

It’s been 30 days since anything happened on this issue, so our friendly neighborhood robot (that’s me!) is going to close it.

Please keep in mind that I’m only a robot, so if I’ve closed this issue in error, I’m HUMAN_EMOTION_SORRY. Please feel free to reopen this issue or create a new one if you need anything else.

Thanks again for being part of the Gatsby community!