@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.jsxexport default function App() {
return (
<h1>Hello, World!</h1>
);
}
npx @lazarv/react-server ./App.jsx
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
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
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
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
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
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
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.