Routing

Overview

Velzon Next.js uses the App Router (file-based routing) in the src/app directory. When you create a folder with a page.tsx file, it becomes a route that can be accessed through the URL. For example, if you create a folder called "about" with a "page.tsx" file in the "src/app" directory, it can be accessed through the URL "http://localhost:3000/about". Here's an example of how you can create a simple routing system using Next.js App Router.

How to add new route ?

You can easily add, change or remove any route by simply making changes described below:

1. In the src/app directory, create a new folder called "about" and add a file called "page.tsx" inside it.

2. In the "page.tsx" file, add the following code:

export default function AboutPage() {
  return (
    <div>
      Welcome to my Next.js app!
    </div>
  )
}

3. Go to "http://localhost:3000/about" to see the about page.

4. You can create as many pages as you want using this method.

Note: No need to restart the development server to observe the routing changes taking effect.