Question 66407 in Javascript Question posted in
A very good W3school tutorial can be found here.

How to do components wise routing in NEXT.js? – Javascript

I have a sidebar which contains some tabs like profile, settings, insights now when click on one of the tab it should show particular content where routes should change but page should not be refresh.

I have no idea how to do?

Tags:

2

Answers


  1. 0

    There are many ways to do it. the easiest is to bootstrap navs & tabs.
    https://getbootstrap.com/docs/5.2/components/navs-tabs/

    Login or Signup to reply.
  2. 0

    In Nextjs you can use its routing mechanism to route between pages.

    Next 13 use server rendered components, and supports other approaches too, which means it is not strictly client side SPA like routing.

    See https://beta.nextjs.org/docs/routing/linking-and-navigating

    If you want to prevent routing with reloading the ui, you can use shallow routing.
    See https://nextjs.org/docs/routing/shallow-routing

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search