Next.js Discord

Discord Forum

How to use Bootstrap in SSG website

Answered
Donskoy posted this in #help-forum
Open in Discord
DonskoyOP
I have blog listing website where I build using Next js SSG. I did installed the bootstrap and used it. it is working fine when i runs it locally. but when I create build using 
output: "export"
for SSG website. but when I try to open the html pages of out/dist directory. the bootstrap breaks and site is not showing as it should be.

example: abc/blog is working fine but abc/blog/1212 is not working as expected.
Answered by Donskoy
I have added assetsPrefix path as my domain name and it worked.
View full answer

36 Replies

DonskoyOP
here is the structure.

I have my import of bootstrao in app > layout.js
there are two versions
DonskoyOP
Here are the screenshots
gin
oh
u dont need to do that
check this
DonskoyOP
do you mean i should use Script?
gin
yup
DonskoyOP
okay, and also will it work in SSG?
gin
yes
since its a bundle u can directly offload your bootstrap script to a cdn
nextjs will load that for u
before page gets rendered
but u have options to customize the behaviour
DonskoyOP
The issue is this, When I directly hit this page. it broke
@Donskoy The issue is this, When I directly hit this page. it broke
gin
are u using the Script component?
DonskoyOP
gin
oh that will not work for local scripts
DonskoyOP
let me check
is this correct ?
gin
looks g ood
DonskoyOP
still same
gin
check in browser console
if the script gets loaded
DonskoyOP
gin
uhm that doesnt look healthy
u might need to take care of the other errors first
DonskoyOP
these only comes when i directly hit From URL
DonskoyOP
assetPrefix: "./",

issue is due to this
due to the assetPrefix the issue is coming, in next.config.js
DonskoyOP
I have added assetsPrefix path as my domain name and it worked.
Answer