Rsbuild in Refly codebase.
In this article, we review Rsbuild usage in Refly codebase. We will look at:
-
What is Rsbuild?
-
What is Refly?
-
Configure Rsuild.
What is Rsbuild?
Rsbuild is the Rspack powered build tool. This helps you build your web application instantly.
Check out Rsbuild Quick Start guide.
Features
-
Rspack-based
-
Batteries included
-
Framework agnostic
-
Deep optimization
-
Highly pluggable
-
Easy to configure
Rsbuild is lightning fast. Below are the stats I copied from the rsbuild.rs site
What is Refly?
Refly.AI helps non-technical creators automate tasks, produce production-ready content, and earn from what they build — all with natural language and a visual canvas.
Features
-
Workflow automation
-
AI-powered builder
-
App integrations
-
File library
-
Community templates
-
Creator rewards
Configure Rsbuild
I read their quick start and here’s what I learnt. You can create a new Rsbuild application using the following command:
npm create rsbuild@latest
Follow the prompts to choose options, such as whether to add optional tools like TypeScript and ESLint.
After creating the application, do the following:
-
Run
git initto initialize a Git repository. -
Run
npm install(or your package manager's install command) to install dependencies. -
Run
npm run devto start the dev server, which runs onhttp://localhost:3000by default.
There are some templates available as well, much like Vite.
There are also framework specific guides:
About me:
Hey, my name is Ramu Narasinga. I study codebase architecture in large open-source projects.
Email: ramu.narasinga@gmail.com
I spent 200+ hours analyzing Supabase, shadcn/ui, LobeChat. Found the patterns that separate AI slop from production code. Stop refactoring AI slop. Start with proven patterns. Check out production-grade projects at thinkthroo.com