Edit this page
@lazarv/react-server logo

@lazarv

react-server

The easiest way to build React apps with server-side rendering

Quick Start

Welcome to the @lazarv/react-server documentation! To start using this framework, just create a file exporting a React Server Component as default and run the @lazarv/react-server command using npx with the path to the file. You need nothing else to start your first server-side rendered React application! Painfully simple, right?

./App.jsx
export default function App() { return ( <h1>Hello, World!</h1> ); }
npx @lazarv/react-server ./App.jsx --open

Continue your journey by exploring the guide and tutorials sections or learn more details about the framework, the file-system based router or how you can deploy your app to a cloud provider. If you have any questions or need help, feel free to open an issue on GitHub. We are happy to help you!

Features

React Server Components

React Server Components

Enhanced Component Rendering

With React Server Components, render React components on the server, providing faster initial page loads. Easily create interactive components while enjoying the benefits of server-side rendering.

Server Actions

Server Actions

Seamless Server Interaction

Server Actions enable easy communication between the client and server. Trigger server-side functions directly from your components, making server operations more straightforward and efficient.

Vite Integration

Vite Integration

Lightning-Fast Development

Integrated Vite for super-fast development and building. Benefit from blazing-fast hot module replacement (HMR) and an optimized development workflow that boosts your productivity.

ES Modules

ES Modules

Modern JavaScript Modules

Embrace ES modules for a clean and organized codebase. Use import/export syntax to manage your project's dependencies and facilitate code splitting for efficient loading.

Streaming Output

Streaming Output

Asynchronous Rendering

Achieve real-time HTML streaming output in your application. Render and send HTML content to the client as soon as it's available, providing a faster initial page load and a smoother, more responsive user experience.

MDX Integration

MDX Integration

Seamless Markdown Component Embedding

Easily embed Markdown content within your React components using MDX integration. Combine the power of React and Markdown to create dynamic and interactive documentation, blog posts, and more.