Skip to content

Navigation bar for nextjs(stable app router) using react-bootstrap

Notifications You must be signed in to change notification settings

MahmudJewel/next-bootstrap-navbar

Repository files navigation

Nextjs NavigationBar using React Bootstrap

  • Nextjs => ^14.1.0 (stable app router)
  • React => ^18
  • react-bootstrap => ^2.10.1
  • Bootstrap => ^5.3.3
  • React icon => ^5.0.1
  • Nextjs Link instead of React Link
  • Responsive Navbar
  • Edited bootstrap's default styles
    • active field's color default to green
    • field's border radius default to 15px

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.