Hola usuario de nuestro sitio, tenemos la solución a lo que necesitas, desplázate y la obtendrás un poco más abajo.
Solución:
Obviamente, es posible usar react-bootstrap en una aplicación nextjs.
El único problema que podría encontrar será en la representación de su aplicación si javascript está deshabilitado en el navegador del usuario si usa componentes de arranque de reacción para construir su diseño (vea el ejemplo a continuación).
Nextjs le permite mostrar páginas SSG/SSR, los usuarios con javascript deshabilitado verán su aplicación pero el diseño será desordenado.
Pero si todavía quieres ir con él:
npm i react-bootstrap bootstrap
Importe estilos de arranque en su _app.js:
import 'bootstrap/dist/css/bootstrap.min.css';
Luego puede usar sus componentes de arranque de reacción como lo haría en reactjs:
import Container, Row, Col from 'react-bootstrap';
const Layout = () => (
<>
Yay, it's fluid!
);
export default Layout;
¡Sí, lo estoy usando!
El único problema que encontré es que los enlaces no funcionan correctamente en términos de SPA.
Para eso, encontré la siguiente solución. tienes que envolver NavBar.Link dentro de Link y use passHref attribute si desea un hipervínculo visible en el enlace.
Home
Contact
Recuerda que tienes la capacidad de interpretar si te ayudó.