Rasengan Logo
Rasengan Logo
  • Docs
  • Blog
  • Showcase
Using stable versionv1.2.1
Documentation
Packages
Templates
Rasengan UI Kit
Using stable versionv1.2.1
Documentation
Packages
Templates
Rasengan UI Kit

API REFERENCE

Page Convention naming

In Rasengan.js, to create a page, you have to create a file that follow the following name pattern:

Page
[name].page.jsx

A page is UI that is unique to a route.

Example

TypeScript
JavaScript
home.page.tsx
import { PageComponent } from "rasengan"; /* * This Home Page is located inside the home.page.tsx file */ const Home: pageComponent = () => { return ( <div> <h1>Home Page</h1> </div> ) } Home.path = "/"; Home.metadata = { title: "Home", description: "This is the home page", } export default Home;

Based on the convention, we have juste replace the [name] by home in the convention name and we got home.page.jsx.

[name].router.tsx
rasengan.config.js

On This Page

  • Example

Discover Plus Ultra ✨

A stunning and well crafted Portfolio website to showcase your work in a nice way.

Rasengan Logo
Rasengan Logo

Resources

  • Docs
  • Packages
  • Blog
  • Showcase
  • Support us

Products

  • Rasengan UI
  • Rasengan Hub
  • Chidori
  • Nindo
  • Chunin

Community

  • Github
  • X (Twitter)

Subscribe to the Newsletter

Stay informed to the news about rasengan.js including new releases, events, etc...

© 2024-2026 Rasengan Labs, All rights reserved.