Build optimized websites quickly, focus on your content

Get Started Try a Demo

Focus on experience

Focusing on developers, emphasizing development experience and focusing on development efficiency.

Out of the box

With just one dependency, you can have a modern, deeply optimized front-end application.

Rich extensibility

Provides rich interfaces, which can meet various functions and needs through plug-ins.

Feature rich

The API interface and server-side middleware are sufficient to support complex scenarios.

SSR/CSR

Progressive support for CSR and SSR

Compile on demand

Compilation speed is greatly improved, improving development efficiency.

Plugin system

Powerful plug-in system to meet in-depth customization needs.

Built-in state management

Simple to use, suitable for team collaboration.

Full Stack Web development framework.

Conventional routing system

Files are routes, supporting nested layouts, dynamic paths, API and Middleware definitions.

export default function Page() {
  return <div>index</div>
}

import { useLoaderData } from '@shuvi/runtime';
export default () => {
  const data = useLoaderData();
  return (
    <div>
      <p>{data.hello}</p>
    </div>
  );
}
export const loader = async ctx => {
  await sleep(100);
  return {
    hello: 'world'
  };
};

Isomorphism

Data automatic dehydration water injection.