SSR does not apply bootstrap styles about ng-bootstrap HOT 3 CLOSED

Hi @kewur.

That's quite expected. The HTML page file needs CSS and JS files to work as expected. So just saving the index.html file and opening this file won't apply the styles defined in these non-existent files.

Besides, this doesn't have anything to do with ng-bootstrap.

from ng-bootstrap.

interesting, so bootstrap isn't ssr compatible? my understanding is that seo crawlers aren't guaranteed to run javascript, hence the need to do server side rendering. adding the bootstrap.min.css file in the index.hml header as a link gets around this problem and all styles load correctly however, so it does seem possible. I would have hoped someone would've had a better solution to it.

from ng-bootstrap.

Bootstrap is SSR compatible, like any othr CSS solution. But SSR-compatible does't mean that styles are magically applied to a page even when you save a page on the disk without its associated stylesheets and then open that page.
SSR consists in rendering a page on the server so that a browser, or a bot, can load the page and get HTML that is ready to read or crawl. But of course, browsers and bots, when they see a HTML page which links to a CSS stylesheet (which is also served by the web server), do download the CSS as well:

  Browser or bot                              Web server
  ______________                              __________

     1 ---------- GET index.html ---------------->

       <----------send bach index.html content --- 2

     3 read html, 
       find link to styles.css

     4 ---------- GET styles.css ---------------->

       <--------- send back styles.css content --- 5

     6 render styled page

from ng-bootstrap.