GETTING STARTED

Welcome to Rasengan.js Docs

Welcome to the official documentation for Rasengan.js! We hope you find everything you need to build amazing web applications.

What is Rasengan.js?

Rasengan.js is a React framework designed to help you create modern web applications with ease.

You will build your UI using React components, and Rasengan.js will handle the rest: routing, optimization, and more.

With Rasengan.js, you don't have to worry about complex tasks like bundling or compiling. It simplifies the process so you can focus on building your application.

Whether you're just starting out or an experienced developer, Rasengan.js will help you build fast, efficient, and scalable web applications.

Key Features

Here’s what Rasengan.js offers:

FeatureDescription
RoutingBuilt-in routing system with simple configuration.
RenderingSupports Client-Side Rendering (CSR) and Server-Side Rendering (SSR) for client components.
StylingWorks with CSS Modules, Preprocessors (Sass, Less), Tailwind CSS, and more.
OptimizationFeatures like code splitting, lazy loading, and image optimization improve performance.
TypeScriptFull support for TypeScript, making development safer and more predictable.
MDX SupportAllows you to use Markdown with JSX to create rich content pages.
API RoutesBuild backend endpoints alongside your pages with file-based _api/ routes, no separate server required.
Backend FrameworkNeed a full backend? @rasenganjs/server brings controllers, dependency injection, and modules on top of the same ecosystem.
Environment VariablesAutomatic .env* loading into process.env, in both dev and build, with zero dotenv setup.
DeploymentShip to Vercel, Netlify, or self-host with @rasenganjs/serve, built-in adapters for every target.
WinterCG CompatibleBuilt on Futon, a runtime-agnostic HTTP engine that runs the same code on Node.js and Bun.

How to Use This Documentation

  • Navigation Bar (Left Side): The docs are structured step by step, from basics to advanced topics. You can follow the sequence or jump to what you need.
  • Table of Contents (Right Side): Easily navigate within a page.
  • Search Bar: Use Ctrl+K (Windows/Linux) or Cmd+K (Mac) to quickly find topics.
  • Getting Started: If you’re new, start with the Installation Guide.

What You Should Know Before Using Rasengan.js

Rasengan.js is beginner-friendly, but this documentation focuses on the framework itself.

For the best experience, you should be comfortable with:

  • HTML, CSS, JavaScript, and React.
  • If you're new to React, check out the React Fundamentals to learn the basics.

Join Our Community

Need help? Connect with other developers:

Let's build something amazing with Rasengan.js! 🚀